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选择器(显示不出结果)

标签

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1