引用CSS

CSS的三种样式表:外部样式表 、 内部样式表 、行内样式表

使用内部样式表:将CSS代码写到HTML文档的(style)元素中,一般内部样式表在调试的时候用;

内部样式表特点: 1.没有了样式表文件,有时候可以提高效率; 

                             2.多个页面难以共享样式,不利于代码复用; 

                             3.HTML和CSS代码混杂,不利于搜索和阅读, 在某些对效率要求苛刻或测试的场景下使用。

javascript操作的是行内样式表,样式表中,行内样式表的优先级最大。

CSS代码的使用

      是在一个独立的文件夹中,HTML通过link元素引入到页面 对某一行进行注释,可使用快捷键(ctrl+?)可实现 CSS代码单独放一个文件夹,

使HTML代码更加纯净,有利于程序员和搜索引擎的阅读

CSS术语

CSS注释的书写格式:/*注释内容*/, 注释主要用于描述代码的功能,浏览器解析CSS代码时会忽略注释内容。

CSS代码由一个一个的规则组成,每个规则指定了对那些元素应用什么样式 h1{color:red;}:h1叫选择器,中括号里的叫声明块,选择器是指该样式规则应用哪些元素,

CSS选择器:决定了样式规则使用于哪些元素

CSS选择器分为3种: 元素选择器 、类选择器 、 ID选择器

       1.元素选择器的书写格式:标记名{/*声明块*/},所有与该标记名匹配的元素都将应用声明块中的规则;

       2.类选择器的书写格式:.类名{/*声明块*/},所有class属性为指定类名的元素,都应用声明块中的规则;

       3.ID选择器的书写格式:#ID值{/*声明块*/},属性ID为指定值的元素,将应用声明块中的规则;

在同一个HTML文档中,元素的ID 值必须是唯一的。 h1{color:red;text-align:center;}:color和text-align是属性名,red和center是属性值,中括号中的都叫声明块。

2018-08-12