长沙做网站建设/建站seo推广
前言
为了让我们的网页更加丰富多彩,布局更加灵活自如,所以有了CSS。CSS俗称网页的美容师。CSS的最大贡献是:让HTML从样式中脱离,实现了HTML专注去做结构,把样式交给CSS。
正文
1. CSS的作用:
设置版面布局和外观显示样式
2. 引入CSS样式表:
2.1 行内式
基本语法如下:
<标签名 style="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容 </标签名>
2.2 内嵌样式表
基本语法如下:
<head>
<style type="text/css">选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>
2.3 外部样式表
基本语法如下:
<head><link rel=“stylesheet” type="text/css" href="css文件路径">
</head>
3. 总结
4. CSS选择器
4.1 CSS选择器的作用:
找到特定的HTML页面元素 (选择标签用的)
4.2 标签选择器
作用:可以把某一类标签全部选择出来,比如所有的div标签和所有的span标签
优点:是能快速为页面中同类型的标签统一样式
缺点:不能设计差异化样式
4.3 类选择器
.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}<p clas='类名'> </p>
4.4 id选择器
#类名{属性1:属性值1;...
}
注:id选择器和类选择器区别:
类选择器好比人的名字,可以多次重复使用
id选择器好比人的身份证号码,是全国唯一的,不得重复,只能使用一次
4.5 通配符选择器
*{属性1:属性值1属性2:属性值2....
}