css基础4

css1

基本语法结构
选择器{
属性：值；
}
选择器作用：选中标签对其进行样式美化
属性作用:对元素进行样式美化
值作用：决定属性美化样式的程度
注意：css中的属性与html元素行内属性不是一个东西

css选择器

• 元素选择器

• html标签：选中所有对应的html标签

• .class 选中具有class行内属性的标签

• #id选中所有具有id行内属性的标签

• *选中所有元素
  id和class区别

• id具有唯一性 建议：不要给不同的元素命名同一个值

• class 类选择器；可以给多个元素同一个class值

• 关系选择器

• 父子

• 空格 子代

• ~兄弟

• +相邻

• 属性选择器

• 语法：元素[属性=值]；

• 列如

• 伪类选择器 ：hover当鼠标移动到元素时候显示什么样式
  ：active 在鼠标点击和释放之间的样式
  ：link 链接访问之前的样式
  :visited 链接访问之后的样式 注意link visited 只针对链接a标签；
  不建议使用visited link 有缓存

css属性

文字类
大小 font-size
颜色color
粗细 font-weight
字体 font-family
文本修饰
对齐方式 text-alien center 居中 left 左对齐 right 右对齐
行高 line-height 用于文本类垂直方向对齐方式 值小于父元素行高
text-decoration-xxx 复合属性；要想有效果；前提必须有修饰
text-shadow 设置文字阴影 四个值
第一个值 水平阴影位置
第二个值 垂直阴影位置
第三个值 阴影清晰度
第四个值 颜色
注意