LAPTOP-J6J2CAOQ_20210522 李霞英
日志
一、知识总结
1.CSS（层叠样式表）
网页的三要素：
HTML标签决定页面上元素的基本结构。
CSS 用于设置HTML元素的样式。
JavaScript 用于控制页面上的行为。
语法：
CSS由选择器和声明两部分组成；
属性：属性与值用冒号隔开。
用法：
内联样式表，内部样式表，外部样式表，@import,前三种是常用的。
样式优先级：内联样式>表内部样式表>外部样式表
注：内部样式表与外部样式表的优先级遵循就近原则（import可以改变样式的优先级）。
2.选择器
常用的选择器
| 选择器名称 | 描述 |
|---|---|
| 标记(标签)选择器 | 网页标签名与选择器同名 |
| class选择器 | 网页哪个标签使用Class选择器,就在标 签添加class属性，值就是Class选择器名称 |
| 属性选择器 | 其作用是根据 HTML 元素的属性来选择相应的元素。 |
| ID选择器 | 网页标签ID与ID选择器同名，会适用此 样式。(注：ID要唯一） |
3.伪类
a.link:未访问
a.visited:已访问
a.hover:鼠标悬停
a.active：激活
常用的CSS属性
元素尺寸(宽度和高度)
4.边框
四周边框：边框的粗细/样式/颜色
例：
<head>
<style type="text/css">
div{
border:10px solid green;
}
</style>
</head>
<body>
<div> </div>
</body>
四周边框的粗细/样式/颜色分别表示为。....border-top-width/style/color.
<head>
<style type="text/css">
div{
border-top:10px solid green;
border-left:10px solid green;
border-right:10px solid green;
border-bottom:10px solid green;
}
</style>
</head>
<body>
<div> </div>
</body>
二、心得体会
昨晚的事情比较多，忙完已经很晚了，没有休息好，今天上课的时候感觉头疼而且昏昏沉沉的，上课期间的整体状态没有前两天好。而且，今天的好多内容在听课的时候，感觉概念性的东西理解了，但是编写代码的时候就一窍不通了。今天晚上在做题的时候不太会，请教了一下同学，他们给我讲了一下逻辑原理，通过自己研究练习，基本掌握了边框方面的操作。
三、疑问
1.边框中的覆盖
2.class选择器（显示不出结果）
近期评论