3.11 css样式规则`

格式
选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
解释：选择器用于指定css样式作用的HTML对象，
花括号里面是对该对象样式的具体设置
属性与属性值以“链值对”的形式出现
举个例子

   > `h2{font-size:20px; color:red;}

对于上面这个例子 h2就是选择器，font-size就是属性，color也是属性，20px,red就分别是属性1，属性2的属性值1，属性值位

标题css样式严格区分大小写属性和值不区分大小写，按照书写习惯一般将“选择器，属性，属性值”都采用小写的方式

如果属性的值由多个单词组成且包含空格，则必须为这个属性值加上英文状态下的引号
举例

p {font-family:"TIME NEW Roman";}

css 代码中空格键是不被解析的
属性的值和单位之间是不允许出现空格的

3.12引入css样式表

基本语法格式

<标记名 style="属性1:属性值1；属性2：属性值2；属性3：属性值3；">内容</标记名>

行内式只对其所在的标记及嵌套在其中的子标记起作用

基本语法格式

<head>
<style type="text/css">
选择器{属性1；属性值1；属性2：属性值2；属性3：属性值3:；}
</style>
</head>

内嵌式css样式只对其所在的HTML页面有效，因此仅设计一个页面时，使用内嵌式是一个不错的选择。但如果是一个网站，不建议使用这种方法，因为不能充分发挥css代码的重要优势

链入式是将所有的样式放入一个或多个以.css为扩展名的外部样式表文件中，通过标记将外部样式表文件链接到HTML文档中
基本语法

<head>
<link herf="css文件的路径"  type="text/css" rel="stylesheet"/>
</head>

基本语法

<style type="text/css">
@import url(css文件路径）；或@import"css文件路径";
</style>

标记选择器是指用HTML标记名称作为选择器，按照标记名称分类，为页面中某一类标记指定统一的CSS样式
基本语法格式

标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

基本语法格式

.类名css{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

基本语法格式

#id名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

基本语法格式

*{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

发布了28 篇原创文章 · 获赞 1 · 访问量 1702

私信关注