CSS3,CSS3能够实现HTML5所不能实现的页面效果,他的全称为,层叠样式表,又称风格样式表,他是用来进行网页风格设计的。
在HTML5中,可以通过设立样式表,统一控制HTML中个标签的显示属性,如设置字体颜色,大小,样式等。
CSS3于2010年推出,他需要高级浏览器的支持。
CSS的优势:内容与表现分离,CSS样式单独放在一个文件夹里。 表现的统一:可以使网页表现统一,并且容易修改。丰富的样式:使得页面布局更为灵活。
减少网页的代码量:提高网页的浏览速度,节省网络宽带。
运用于独立页面的CSS,还有利于网页被搜索引擎收录。
CSS的基本语法
由两部分组成,选择器和声明,声明必须放在大括号中,并且声明可以使一条或者多条。每条声明由一个属性和值组成,属性和值用冒号隔开,每条语句以英文分号结尾。如以下示例:
h3{
font-size: 18px;
font-weight: bold;
text-indent: 40px;
height: 40px;
line-height: 40px;
}
li{
list-style: none;
}
1
2
3
4
在HTml中引入样式,行内样式就是直接引入,比如:
还有内部样式表,上面那个就是内部样式表: h3{ font-size: 18px; font-weight: bold; text-indent: 40px; height: 40px; line-height: 40px;
}
li{
list-style: none;
}
1
2
3
4
还有外部样式表,在另一个文件写CSS,然后用一个链接,比如:
CSS中基本选择器有三种,为标签选择器,ID选择器,和类选择器。
标签选择器直接用标签声明即可如:
a{
color:#333333;
text-decoration: none;
}
ID选择器以#号开头:
#content{
width:540px;
margin-right:10px;
}
类选择器以.开头:
.book_sort{
border:solid 1px #999;
margin-bottom:10px;
}
还有许多高级选择器,如子选择器,后代选择器等等。
以下代码是CSS的一些基本示例: