认识css3

今天学习了css3，它是级联样式表；它是表现HTML或XHTML文件样式的计算机语言。

HTML诞生于20世纪90年代初，
1996年css1.0诞生，
1998年css2.0诞生，
2004年css2.1发布，
直到2010年css3.0推出。

css优点：
1.内容与表现分离
2.网页的表现统一，容易修改
3.丰富的样式，使得页面布局更加灵活
4.减少网页的代码量，增加网页的浏览的速度，节省网络带宽
5.运用独立于页面的css，有利于网页被搜索引擎收录

css的语法结构：
选择器｛声明1；
声明2；
…｝
eg：
h1｛font-size(属性):12px(数值);color:red;｝

HTML中引入css样式
行内样式：<标签 style=“font-size:12px;color:red;”>内容</标签>

内部样式：style
h1{ font-size:12px;color:red}/style
内部样式表写在head标签内

外部标签：
html文件引用扩展名为.css样式表，有两种方式：链接式和导入式。
链接外部样式表：
在html中的样式head里边
link href=“某.css” rel=""stylesheet"type=“text/css”
新建扩展名为.css的样式表在.css中写选择器

引入css样式优先级：行内样式>内部样式>外部样式

css3选择器分为基本选择器和高级选择器

1.基本选择器：
标签选择器：
在.css文件中p｛font-size:12px;color:red;｝

类选择器：
在.css文件中.某某｛font-size:12px;color:red;｝
在html中，<标签 class=“某某”>

ID选择器：
在.css文件中#某某｛font-size:12px;color:red;｝
在html中，<标签 id=“某某”>

基本选择器的优先级：ID选择器>类选择器>标签选择器

2.高级选择器中层次选择器：
后代选择器E P
子代选择器E>p
邻兄弟选择器E+p（弟弟选择器）
通用兄弟选择器E~p（全弟弟选择器）