什么是css:1.css指层叠样式表(cascading style sheets)
2.样式定义如何显示控制HTML元素,从而实现美化HTML网页
3.样式通常储存再样式表中,目的也是为了解决内容与表现分离的问题
4.外部样式表(css文件)可以极大地提高工作效率
5.多个样式定义可以层叠为一,后者可以覆盖前者的样式。
css的语法:格式:选择器{属性:值;属性:值;属性:值;...},
其中选择器也叫选择符,用来寻找网页中的标签并加以控制。
例:P{color:red;text-align:center;}
在进行css设置时,使用<style>...</style>标签进行,将以上css格式写在style标签内,将style标签写在head头内(内嵌方式)。也可以用link标签引入css文件(外部导入式)
css的注释:格式:/*...*/(多行注释)
css的使用方式::
1.内联方式(行内样式)
在HTML标签中使用style属性来设置css样式
格式:<html标签 style=“属性:值;属性:值;...”>被修饰内容</html标签>
例:<p style="color:blue;font-family:隶书">在HTML中使用css样式</p>
特点:仅作用于本标签
2.内部方式(内嵌方式)
在head标签中使用<style type="text/css">...</style>标签来设置css样式
例:<style type="text/csss">
...css样式代码
</style>
特点:作用于当前整个页面
3.外部导入方式(外部链入)
在head标签中使用<link/>标签导入一个css文件。作用于本页面,实现css的样式设置
例:<link href=“文件名.css"type=”text/css"rel="stylesheet"/>
也可以使用import在style标签中导入css文件
例:<style type="text/css“>
@import"style.css";
</style>
特点:作用于当前的整个网站
优先级:1.当样式冲突时,采用就近原则,是值css属性离被修饰的内容最近的为主
2.若没有样式冲突则采用叠加效果。