您现在的位置:首页 >> 前端 >> 内容

CSS基本语法和选择器

时间:2016/5/11 9:20:04 点击:

  核心提示:CSS是指层叠样式表(cascading style sheets),样式定义如何显示HTML元素,是真正能够做到网页表现和内容分类的一种语言。【1】CSS基本语法【2】CSS两种结合方式【3】几种选...

CSS是指层叠样式表(cascading style sheets),样式定义如何显示HTML元素,是真正能够做到网页表现和内容分类的一种语言。

【1】CSS基本语法

【2】CSS两种结合方式

【3】几种选择器

基本语法

基本语法也就两种,在head中使用选择器选择,然后在body中使用,如下中的样式属性键:样式属性值1 样式属性值2...是多个属性值的连用。

This is my HTML page.

两种结合方式

我是在body中直接使用的结合方式 我是使用表标签选择器的结合方式了

标签选择器

使用的是html的标签,比如p、h1、a等,也可以是html

This is my HTML page. This is my HTML page.

ID选择器

以一种独立于文档元素的方式来指定样式

This is my HTML page.

This is just a test.

This is my HTML page.

类选择器

其实类选择器是和ID选择器想类似的

This is my HTML page.This is my HTML page.

This is my HTML page.

This is my HTML page.

伪类选择器

这个可以控制标签的的某些状态,配合其他选择器来共同使用

点我,看我的状态变化

复合选择器

将ID、类、元素结合在一起来使用,可以看到在body中是分开使用的,在style中是结合在一起的。

我是ID选择器

我是类选择器

我是元素选择器

Tags:CS SS S基 基本 
作者:网络 来源:蜕变的快乐