选择器

结构伪类选择器

/*选中ul的第一个子元素*/
ul li：first-child{

}
/*ul的最后一子元素*/
ul li:last-child{
	
}
/*选择p：定位到父元素然后选择子元素中第一个,但如果类型不符合则不改*/
p:nth-child(2){

}
/*选择p：定位到父元素下第二个p元素*/
p:nth-of-type(2){

}

属性选择器（用最多)

/*选择存在id属性的元素*/
a[id]{
   
}
/*或者id等于一个具体值*/
a[id=first]{
   
}

美化网页元素

1，颜色 color rgb rgba

2，文本对齐的方式 text-align=center

3，首行缩进 text-indent：2em

4，行高 line-height

5，装饰 text-decoration

6，文本图片水平对齐：vertical-align：middle

定位

相对定位

相对定位：position:relative

相对于原来的位置，进行指定的偏移 保留原来位置

绝对定位absolute

定位：基于xxx定位 上下左右

1. 没有父级元素的前提下，相对浏览器定位
2. 假设父级元素存在定位，我们通常会相对父级元素进行偏移
3. 在父级元素范围内移动

相对于父级或浏览器的位置，进行指定的偏移，绝对定位的话，他不在标准文档流中，原来位置不被保留

固定定位fixed

相对于网页的定位

标签：定位,父级,元素,选择器,ul,id,CSS
来源： https://www.cnblogs.com/fieeDream/p/16343429.html