一、CSS文件的引入
1、行内样式:通过标签的style属性来设置元素的属性
2、内部样式:是将CSS代码集中写在了HTML文档的<head>头部标签中,通过style标签来定义
3、外部样式:将所有样式放在一个或者多个.CSS为扩展名的外部样式表的文档中,再通过<link>标签将样式连接到HTML文档中
二、CSS选择器
1、元素选择器:标签选择器(将同类型的标签标记为统一样式)
2、ID选择器:id选择器使用“#”进行标识,后面紧跟ID名,需要给要做样式的元素标上id属性
3、类选择器:“.”英文点号进行标识,后面紧跟类名,类名为HTML元素的class属性
4、属性选择器:在标签后面使用中括号标记
5、包含选择器:两个标签之间使用空格,给指定父类标签的后代标签设置样式,可以方便在区域内设置样式,需要用#号
三、CSS的基本属性
1、边框和尺寸:border(边框的样式:宽度、样式(样式取值:solid实线、none无边、double双边)、颜色)
wihgt、height
2、布局:float(left:元素向左浮动;right:元素向右浮动;none:元素不浮动)
clear(left:不允许左侧有浮动元素,清楚左侧浮动影响;right:不允许有右侧浮动影响,清楚右侧浮动影响;both:同时清除左右两侧的浮动影响)
3、display:inline此元素将显示为行内元素(行内元素默认的display的属性值)
bloack此元素将显示为块级元素(块级元素默认的display的属性值)
inline-bloack:将对象呈递为内联对象,但对象的内容作为块级对象呈递
none:此元素将被隐藏,不显示,也不占用空间
4、字体:color,font-size
5、背景色:background-color
四、CSS的盒子模型
1、内边距:padding
2、边框:border
3、外边框:margin