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
黑马程序员入门视频教程学习笔记
最新推荐文章于 2024-08-16 20:24:29 发布