1pxsolidblack”>这是一个DIV
⏹注意：
慎用这种方式,它将内容与显示混合在一起，损失了样式表的优势。
⏹一般情况下，这种方式只有在一个标签上只应用一次样式时才会使用
第二种：
内部样式表
⏹我们可以使用〈style〉标签在html文档的〈head〉中来定义样式表。
⏹例如:
⏹这种方式,样式只适合应用于一个页面
第三种：
外部样式表
⏹如果想要在多个页面使用同一个样式表，可以使用外部样式表来导入。
⏹我们可以在html页面上使用〈link>标签来导入外部样式表。
⏹例如：
⏹浏览器会从mystyle。
css文件中读取样式,并对页面上的html进行修饰。
⏹外部样式表,应该以css为后缀来保存，可以使用任意文本编辑器对css文件进行编辑。
第四种:
＠import导入
⏹这种方式也是外部导入.
@import与引用外部样式表的区别【了解】
1。
＠import这种方式只有firefox支持，而ie不支持.
2.@import这种方式导入的css，会在整个页面加载后，才会加载样式。
如果网络不好情况下，会先看到无样式修饰的页面，闪烁一下后，才会看到有样式修饰的页面.
而使用外部样式表,会先装载样式表，这样看到的就是有样式修饰的页面。
3.＠import不支持通过javascript修改样式,而link支持.
优先级问题
⏹内联样式表〉内部样式表>外部样式表：
就近原则
1.5CSS选择器
⏹css选择器主要是用于选择需要添加样式的html元素。
⏹对于css来说，它的选择器有很多，我们主要介绍以下几种：
id选择器
⏹id选择器使用＃引入，它引用的是id属性中的值。
类选择器
⏹类选择器使用时，需要在类名前加一个点号（。
）
⏹项目中,绝大部都是用类选择器排版
元素选择器
⏹这是最常见的选择器，简单说，文档中的元素就是选择器
属性选择器
⏹如果需要选择有某个属性的元素，而不论属性是什么，可以使用属性选择器
伪类
⏹css伪类用于向某些选择器添加特殊效果。
⏹下面我们介绍一下锚伪类。
在支持css的浏览器中，链接的不同状态都可以不同的方式显示
这些状态包括：
活动状态，已被访问状态，未被访问状态，和鼠标悬念状态。
层级选择器
ØId、元素、类、属性选择器的结合
1.6CSS属性
字体
⏹Css字体属性定义文本的字体系列,大小，加粗,风格（如斜体）和变形（如小型大写字母）
⏹常用属性：
vfont:
简写属性，作用是把所有针对字体的属性设置在一个声明中。
【stylesizefamily】
vfont-family:
定义字体系列
vfont-size:
定义字体的尺寸
vfont-style：
定义字体风格
文本
⏹CSS文本属性可定义文本的外观。
通过文本属性，您可以改变文本的颜色、字符间距,对齐文本,装饰文本，对文本进行缩进，等等。
⏹常用属性
vcolor：
定义文本颜色
vtext-align:
定义文本对齐方式
vletter—spacing:
定义字符间隔
背景
⏹CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。
CSS在这方面的能力远远在HTML之上。
⏹常用属性:
vbackground：
简写属性，作用是将背景属性设置在一个声明中
vbackground-color：
定义背景颜色
vbackground-image:
定义背景图片
vbackground-position：
定义背景图片的起始位置【left,center，right】
vbackground-repeat:
定义背景图片是否及如何重复
尺寸
⏹CSS尺寸（Dimension）属性允许你控制元素的高度和宽度。
⏹常用属性:
vwidth：
设置元素的宽度
vheight：
设置元素的高度
列表
⏹CSS列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志.
⏹常用属性：
vlist-style：
简写属性。
用于把所有用于列表的属性设置于一个声明中。
vlist—style-image:
定义列表项标志为图象
vlist—style-position:
定义列表项标志的位置
vlist-style—type：
定义列表项标志的类型.
表格
⏹CSS表格属性可以帮助您极大地改善表格的外观
⏹常用属性:
vborder-collapse：
定义是否把表格边框合并为单一的边框.
vborder—spacing：
定义分隔单元格边框的距离
vcaption-side：
定义表格标题的位置【top,bottom】
轮廓
⏹轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
⏹CSSoutline属性规定元素轮廓的样式、颜色和宽度。
⏹常用属性：
voutline：
在一个声明中设置所有的轮廓属性
voutline-color:
定义轮廓的颜色
voutline—style:
定义轮廓的样式
voutline-width：
定义轮廓的宽度
定位
⏹CSS定位（Positioning）属性允许你对元素进行定位。
⏹定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置
⏹CSS有三种基本的定位机制：
普通流、浮动和绝对定位。
⏹常用属性：
vlposition：
把元素放置到一个静态的，相对的，绝对的，或固定的位置中。
vltop：
定义了定位元素的上外边距边界与其包含块上边界之间的偏移量
vlright:
定义了定位元素右外边距边界与其包含块右边界之间的偏移
vlleft:
定义了定位元素左外边距边界与其包含块左边界之间的偏移
vlbottom：
定义了定位元素下外边距边界与其包含块下边界之间的偏移。
相对定位是一个非常容易掌握的概念。
如对一个元素进行相对定位，它将出现在它所在的位置上。
然后通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
绝对布局
分类
⏹CSS分类属性允许你控制如何显示元素，设置图像显示于另一元素中的何处，相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。
⏹常用属性
vclear：
设置一个元素的侧面是否允许其它的浮动元素
vfloat:
定义元素在哪个方向浮动
vcursor：
当指向某元素之上时显示的指针类型
vdisplay:
定义是否及如何显示元素
vvisibility：
定义元素是否可见或不可见。
浮动:
display
visibility
clear
1。
7CSS框模型
盒子模型
CSS框模型（BoxModel）规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
元素框的最内部分是实际的内容，直接包围内容的是内边距.内边距呈现了元素的背景。
内边距的边缘是边框。
边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素
边框
⏹元素的边框（border）是围绕元素内容和内边距的一条或多条线。
⏹CSSborder属性允许你规定元素边框的样式、宽度和颜色。
v常用属性:
vborder：
简写属性,用于把针对于四个边的属性设置在一个声明。
vborder-color:
简写属性，定义元素边框中可见部分的颜色，或为四个边分别设置颜色。
vborder-style:
用于定义所有边框的样式,或者单独为各边设置边框样式。
vborder-width:
简写属性，用于为元素的所有边框设置宽度，或则单独地为各边边框设置宽度
vborder-top:
简写属性，用于把上边框的所有属性设置到一个声明中
vborder-right：
简写属性，用于把右边框所有属性设置到一个声明中
vborder-bottom：
简写属性，用于把下边框的所有属性设置到一个声明中
vborder—left:
简写属性,用于把左边框的所有属性设置到一个声明中。
外边距
⏹围绕在元素边框的空白区域是外边距.设置外边距会在元素外创建额外的“空白”。
⏹设置外边距的最简单的方法就是使用margin属性，这个属性接受任何长度单位、百分数值甚至负值。
⏹常用属性:
vlmargin:
简写属性,在一个声明中设置所有外边距属性
vlmargin-top:
定义元素的上外边距
vlmargin—right:
定义元素的右外边距
vlmargin—bottom：
定义元素的下外边距
vlmargin—left定义元素的左外边距
⏹注意：
在使用margin来定义所有外边距时，可以使用值复制。
v如果缺少左外边距的值，则使用右外边距的值。
v如果缺少下外边距的值，则使用上外边距的值。
v如果缺少右外边距的值,则使用上外边距的值.
内边距
⏹元素的内边距在边框和内容区之间。
控制该区域最简单的属性是padding属性.
⏹CSSpadding属性定义元素边框与元素内容之间的空白区域。
⏹常用属性:
vpadding：
简写属性，作用是在一个声明中设置元素的所有内边距属性
vpadding-top：
定义元素的上内边距
vpadding-right:
定义元素的右内边距
vpadding—bottom:
定义元素的下内边距
vpadding—left：
定义元素的左内边距。
升级会员 