前端学习_Day02

回顾Day01：
1.字体属性连写需要注意顺序
2.如何让加粗字体不加粗显示，如何让斜体字体不倾斜（font-style：normal）

CSS文本属性

• color：
  十六进制，或者预定义，或者rgb(255,0,0)

• text-align:
  作用：用于设置文字的水平对齐方式
  属性值：left，right，center（是让盒子里的元素在盒子中对齐）
  在活动范围内居中，行级元素span不适用

• text-decoration：
  文本的修饰，上划线，下划线，删除线
  value：none,underline,overline,line-through

• text-indent：
  文本缩进属性是用来指定文本的第一行的缩进。单位是px（或者em），可以是负值

• line-height:文字大小+上下间距
  
  CSS引入方式
  内部样式表
  行内样式表
  外部样式表
  

CSS列表
1.列表
1.1列表项标记概念
1.2分类：有序列表，无序列表
1.3修改列表项标记
在css的style 中修改列表项的标记，使用的属性是list-style-type，value值为circle(○)，square（□），upper-roman（I II III 希腊字母），lower-alpha（小写拼音）
1.4列表项标记的图像：list-style-image

CSS表格
1.表格边框：表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框，使用 border-collapse属性， 设置表格的边框是否被折叠成一个单一的边框或隔开
2.设置表格width 和 height

相对绝对跳转路径 ./当前目录

CSS连接
a: link{} a: visited{} a: hover{} a: active{} 简称LV哈

Emmet语法
1.1快速生成html

.demo$*5生成5个顺序div .div{$}*5 生成包含自增的5个div
1.2快速生成css
1.3格式化代码

CSS的复合选择器
什么是复合选择器：建立在基础选择器之上，对基础选择器组合而成
分类:后代选择器，子选择器，并集选择器，伪选择器

• 后代选择器：元素1 元素2 {样式声明}

ul li {} //元素1和元素2之间用空格分开，该选择器最终选择的是子类元素

1. 子元素选择器
   必须选的是亲儿子，选择作为某元素最近的一级元素
   语法：元素1>元素2（样式声明）
   上述语法表示选择元素1里面的所有直接后代子元素2
   例如
   div > p //(样式声明) 选择所有div的最近一级子元素p，用>连接
2. 并集选择器
   概念：利用集合的思想，当我想修改多个标签的样式，而这些标签又是平级关系，可以用并集选择器同时选择这些标签，达到目的，任何形式的选择器都可以作为并集选择器的一部分
   语法：不同选择器之间用逗号分隔开，逗号可以理解为和的意思
3. 链接伪类选择器
   作用：给链接添加特殊效果
   格式：与类选择器比较，类是用.类选择器，而伪类选择器是a:link a:visited a:hover a:active//鼠标按下未弹起
   注意：
   1.a:visited 这个标签在谷歌浏览器中访问过要清除历史记录，否则肯造成刷新任然显示已访问过
   2.顺序不能颠倒必须是LVHA
   3.修改a的样式时必须单独指定a的样式，在body里面修改不行
   4.链接伪类选择器在实际开发中一般先修改a的样式，然后再修改a:hover的样式
   CSS的元素选择模式
   CSS的背景
   CSS的三大特性
   CSS的注释