CSS层叠样式表
CSS层叠样式表(Cascading Style Sheets),用于定义页面样式的,即如何显示HTML文件,这种内容和样式分离的设计,能够使得同一个HTML文件有不同的显示样式。
CSS文件使用方式
内联样式表:
在HTML代码中,使用style属性指定样式。可以对不同的元素使用。
示例1:<body style=”background-color:green;margin:0;padding:0;”></body>
嵌入式样式表:
在HTML代码中,<style type=”text/css”></style>元素之间,一般情况下,<style>元素写在<head></head>之间。
外部样式表:
CSS代码单独写在一个文件中,扩展名是.css,使用link元素指定样式文件,<link>元素写在<head>内。<link rel=”StyleSheet” type=”text/css” href=”style.css”>
CSS规则有两部分组成,选择器和一条或多条声明,声明由属性和值组成。
例如:
h1{color:blue;font-size:12px}
h1 是选择器,color和font-size是属性,blue和12px是值。
根据选择器的不同有三种方式,根据HTML元素名字定义、根据元素id,根据元素的class属性。
根据HTML标记定义:
例如:修改html页面所有<p>元素的样式
P{属性:属性值;属性:属性值…}
根据ID选择器定义:
根据元素的ID属性来定义元素的样式。须要用#标记。
例如:
#word{text-align:center;color:red;}
根据元素的class属性定义:
须要用点号(.)标记
例子1:将所有center类的元素设置为居中。
.center{text-align:center;}
例子2:对所有p元素使用class=‘center’属性。
p.center{text-align:center;}
标签:15,center,python,元素,爬虫,样式,HTML,样式表,属性 From: https://blog.51cto.com/u_16427934/11951338