本文介绍了CSS文件的三种引入方式，详细解析了五种选择器及基本属性的使用方法，并概述了CSS盒子模型的概念。
一、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
扫一扫
765
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
