梁贺寄-20201028
课堂笔记:
1. CSS的选择器
1.1 样式选择器(div的括号分两行)
1.12 标签选择器:
格式: div{
(background-color: 颜色英文名;或者background-color: #16进制输入)
}
1.2 id选择器:
格式:#id{
}
1.3 class选择器:
格式:.className{
}
1.4 通用选择器(适用于所有标签)
格式:*{
}
1.5 后代选择器
格式:div ul li{
}
2. 外部样式:首先需要在项目管理器中新建一个css文件,然后在html文件中使用link标签引用外部的css文件
例 <link rel="stylesheet“="css/2.css" />
2.1 选择器的优先级别: id选择器 > class选择器 > 标签选择器
2.2 背景修饰样式:
background-color: #ff0000; 背景颜色
background-image: url(img/lhj.jpg); 背景图片
background-repeat: no-repeat; 背景图片no重叠
background-size: 1200px 1200px; 背景图片大小
background-position-x: 140px; 背景图片向x轴方向位移(左负右正)
background-position-y: 140px; 背景图片向y轴方向位移(上正下负)
2.3 透明度:opacity:(0-1)
2.4 内容滚背景不滚:div class="box";
心得体会:老师讲得生动,但还需要课堂外的辛苦学习练习,有输入才能有输出,活学活用,有困难才能有提升。
近期评论