
一、CSS基础概念及引入方式
1. CSS概述:CSS(Cascading Style Sheets)是用于设置HTML页面元素样式的计算机语言。它可以控制文本、图片、布局和外观等。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景控制及整体排版等。
2. CSS样式表的引入方式:
(1)行内式(内联样式):直接在HTML标签中使用style属性来设置元素的样式。优点是书写方便,权重高;缺点是没有实现样式和结构的分离。
(2)内部样式表(内嵌样式表):将CSS代码写在HTML文档的head头部标签中的style标签内。部分实现了结构和样式的分离,但缺点是没有彻底分离。
(3)外部样式表(外链式):将CSS放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签链接到HTML文档中。优点是实现了结构和样式的完全分离;缺点是需要额外引入。外部样式表是控制整个站点的推荐方式。
二、CSS选择器重点介绍
1. 标签选择器:使用HTML标签名称作为选择器,为页面中某一类标签指定统一的CSS样式。优点是能快速为页面中同类型的标签统一样式;缺点是不能设计差异化样式。
2. 类选择器:使用点(.)进行标识,后面紧跟类名。优点是为元素对象定义单独或相同的样式,可以选择一个或多个标签;缺点是需要注意命名规范。
3. 类选择器的特殊用法——多类名:可以给标签指定多个类名,以达到更多的选择目的。各个类名之间用空格隔开,这在后期布局复杂的情况下会经常用到。
