CSS外观属性
color: 文本颜色
- 预定义的颜色值 如 red green blue 等
- 十六进制, 如#FF0000 = #F00, #FF6600 #F60, #29D794等 实际工作中 十六进制是最常用的定义颜色的方式
- RGB代码 如容色可以表示为 rgb(255,0,0) 或者 rgb(100%,0%,0%)
line-height: 行间距
设置行间距 就是行与行之间的距离
text-align: 水平对齐方式
设置文本内容的水平对齐 相当于html中的align对齐属性
Left(左对齐) Right(右对齐) Center(居中对齐)
text-indent : 首行缩进
设置首行文本的缩进,建议使用em作为设置单位
汉字的段落 1em就是一个汉字的宽度
letter-spacing : 字间距
定义字符与字符之间的间距 允许使用负值 默认为 normal
word-spacing : 单词间距
定义英语单词之间的间距 对中文字符无效 允许使用负值 默认为 normal
word-spacing和letter-spacing均可对英文进行设置 不同的是letter-spacing定义的为字母之间的间距 而word-spacing定义的为英文单词之间的间距
word-break: 自动换行
normal 使用浏览器默认的换行规则
break-all 允许在单词内换行
keep-all 只能在半角或连字符处换行
文字阴影
text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色
h-shadow(水平阴影) v-shadow(垂直阴影)
blur(模糊距离) color(阴影颜色)
引入CSS样式表(书写位置)
1.内嵌式 2.行内式(内联样式) 3.链入式
注:href: 定义所链接外部样式表文件的URL,可以是相对路径 也可以是绝对路径
type: 定义所链接文档的类型, 在这里需要指定为"text/css",表示链接的外部文件为css样式表
rel : 定义当前文档与被链接文档之间的关系,在这里需要指定为"stylesheet"表示被链接的文档是一个样式表文件
标签显示模式转换 display
块转行内 : display: inline;
行内转块 : display: block;
块、行内元素转换为行内块 : display : inline-block;
CSS复合选择器
1.交际选择器:由两个选择器构成 其中第一个为标签选择器 第二个为 class 选择器 两个选择器之间不能有空格 如 h2.special
2.并集选择器:任何形式的选择器(包括标签选择器,class类选择器id选择器等),都可以作为并集选择器的一部分 如果某些选择器定义的样式完全相同 或 部分相同 就可以利用并集选择器为他们定义相同的CSS样式
3.后代选择器:用来选择元素或元素组的后代 其写法就是把外层标签写在前面 内层标签写在后面 中间用空格分隔 当标签发生嵌套时 内层标签就称为外层标签的后代
4.子元素:只能选择作为某元素子元素的元素 其写法就是把父级标签写在前面 子级标签写在后面 中间跟一个 > 进行连接 注意 符号左右两侧各保留一个空格!!!