- css的编辑方式
两种:
①写在html文件里面的css规则。根据其位置可分为两种:一种是写在某个元素的属性部分,作为style属性的值;另一种是写在head标记里面,通过style标记包含。
②将css规则写在单独的文件里。建议采用此种方式,该文件称为css文件。在需要应用css规则的时候在HTML文件里引用该css文件。 - css规则由选择器和声明构成的,声明由属性值对组成
1.基本语法
selecter{属性:属性值 ;属性:属性值;…}
eg.p{background-color:red;font-size:20px;}
属性说明:
①选择器:选择器可以试试html标记名称也可以是自定义的标识符
②属性/属性值对:“属性/属性值对”必须是一一对应,中间用“:”隔开,没对之间用“;”隔开
③属性:
属性命名两个单词之间用-相连 eg.background-color
脚本语言中的属性命名后面那个单词开头大写eg.backgroundColor
④复合属性:
font、border、margin、padding等(下文详写)
⑤多个属性值:
selector{font-family:“楷体”,“黑体”}(属性之间用,隔开)
系统找不到楷体就用黑体,按先后顺序优先选择
⑥css注释:
/ * 注释
注释 * /
2.css选择器类型
①标记选择器(也称元素选择器):即直接使用HTML标记名作为选择器
②类选择器、③id选择器、④伪类选择器、⑤属性选择器
p91
3.css定义与使用
①内联样式表(行内样式表):
<标记 style=“属性值对;属性值对”>修饰的内容
②内部样式表:
在head里面,使用style标记来放置规则
< style type=“text/css”>
选择器1{属性值对;属性值对;…}
选择器2{属性值对;属性值对;…}
< /style>
③外部样式表:
将css规则写在css文件里,一个css文件可被多个网页引用。
引用的方式可分为:
①链接外部样式表:
< link type=“text/css” rel=“stylesheet” href=“xxx.css”>(单标记,只能存在head里)
②导入外部样式表:
< style type=“text/css” >
@import url(“xxx.css”);
< /style>
外部样式表的优点:①便于复用②便于修改③提高显示速度
- css规定如下优先级为:行内样式>id样式>class样式>标记样式