马进明-20201028
复习前一天知识
表格:表格的行列合并
表单:action method
input type name value数据回显 submit
新知识
H5 标签(块级 p ul div,行级 a span img)块级必须有大小
css3.0 层叠式表 -->修饰网页
选择器(镜子)精确选中要修饰的目标
常用的选择器
styie=""不允许
1.类选择器 <div class="boys"></div> 所有标签都有类选择器
样式 .box
2.标签选择器 <h1 class="boys"></h1>
类选择器的优先级高于标签选择器
3.ID选择器<p id="box"></p> #box
id选择器的优先级高于类选择器
4.后代选择器
/*后代选择器*/
p ul li
color: ;
5.伪类选择器
鼠标悬停状态
6.通用选择器(修饰所有标签),优先级最低
/* 通用选择器*/
{
margin:0;/*外边距*/
padding:0;/*内边距*/
border:0;/*边距*/
}
修饰字体和文字
div{
color: red;/*修饰字体的颜色*/
font-size: 30px;/*修饰字体的大小*/
font-family: "宋体";/*字体类型*/
font-style: italic;/*字体的样式*/
font-weight: bold;/*字体加粗*/
letter-spacing: 5px;/*字体间距*/
text-align: center;/*对齐方式*/
line-height: 300px;/*行高*/
/*text-decoration:overline;*//*文本划线*/
text-shadow: 2px 2px 3px yellow;/*阴影字体*/
text-indent: 2em;/*首行缩进*/
}
cover等比失真
颜色
background-color:#FF0000;
opacity:0.5;/*透明度*/图片
background-color:tranmparent;/*背景全透明*/
心得
今天学习选择器,常用的选择器有类选择器、标签选择器、ID选择器、后代选择器、
伪类选择器 、通用选择器等,虽然学起来有点吃力,但必须要克服。
近期评论