黑马程序员入门视频教程学习笔记

CSS学习笔记——黑马程序员
5.复合选择器简介
基础选择器的组合
6.后代选择器
顾名思义，以空格实现选择器功能
7.子元素选择器
顾名思义，以大于号实现选择器功能
8.课堂练习
9.并集选择器
顾名思义，以逗号实现选择器功能
10.链接伪类选择器（上）
共有四种链接伪类选择器，分别为a:link,a:visited,a:hover,a:active,各自释意如下。
a:link：表示链接未被选择时的样式
a:visited：表示链接被访问后的样式
a:hover：表示焦点落在链接时链接的样式
a:active：表示鼠标按下并且未松开时链接的样式
11.链接伪类选择器(下）
开发时常见的链接选择器使用
a{
text-decoration:none
color:black
}
a:hover{
color:blue
text-decoration:decline
}
12.focus伪类选择器
focus伪类选择器用于实现焦点定位时颜色的变化，实现方式是a:focus
13.复合选择器总结
14.元素显示模式的概念——元素在页面中如何显示
15.块元素，可直接设置宽度和高度，独占一行
16.行内元素，无法直接设置宽度和高度
17.行内块元素
18.元素显示模式总结
元素共有三种显示模式，分别为块元素，行内元素，行内块元素。
19.显示模块的转换
利用display实现，block,line,innerline
20.snipaste的使用
F1实现屏幕的截取，F3实现截图，alt实现色块的选取，c键进行复制，ctrl+v表示粘贴，esc退出。
21.简洁版小米侧边栏案例
html结构:多个a标签
css样式：
a为行内元素,利用属性display,将其设为block，实现显示模式的转换。
利用hover实现焦点聚集时颜色变化
22.单行文字垂直居中的原理
行高=块状元素高度
如line-height=20px
height=20px