本章内容:
- CSS 定义
- 四种引入方式
- 样式应用的顺序
- * 通用元素选择器
- 标签选择器
- class 类选择器
- # ID选择器
- , 多元素选择器
- 后代元素选择器
- > 子元素选择器
- + 毗邻元素选择器
- [] 属性选择器
- 伪类选择器
- 颜色属性(color 、transparent、opacity)
- 字体属性(font-style、 font-weight、font-size、 font-family、font)
- 文本属性(white-space、direction、text-align、line-height、vertical-align、text-indent、letter-spacing、word-spacing、 text-transform、text-overflow、text-decoration、text-shadow、word-wrap)
- 背景属性(background-color、background-image、background-position、background-repeat、background-attachment、background)
- 列表属性(list-style-type、list-style-image、list-style-position、list-style)
- 边框(border-style、border-color、border-width、border-radius、border、box-shadow)
- 盒子模型(padding、margin)
- display
- visibility
- float 浮动
- clip 剪裁图像
- overflow 设置当对象的内容超过其指定高度及宽度时如何显示内容
- position 规定元素的定位类型(static、relative、absolute、fixed)
- z-index 元素层叠顺序
- outline 边框轮廓
- zoom 缩放比例
- cursor 鼠标的类型形状(Crosshair、Pointer、Move、text、wait、help...)
- transform、transition 动画效果
CSS 是什么?
CSS是Cascading Style Sheets的简称,中文称为层叠样式表。
属性和属性值用冒号隔开,以分号结尾。
CSS 四种引入方式:
1.行内式
行内式是在标签的style属性中设定CSS样式。
<div style="..."></div>
登录后复制
2.嵌入式
嵌入式是将CSS样式集中写在网页的
标签的标签对中。
<head>
...
<style type="text/css">
...此处写CSS样式
</style>
</head>
登录后复制
3.导入式
将一个独立的.css文件引入HTML文件中,导入式使用@import 引入外部CSS文件,