20210522-马瑞

日志

一、知识总结

1、CSS选择器

2、内联样式:元素内部指定

<div style=" border : 1px solid blue ; width : 50% ; height : 100px ; " >
</div>   

3、内部样式:style元素内指定

5、样式优先级

在属性值后添加!important提高优先级

6、选择器

(1)标签选择器:

(2)class选择器

(3)属性选择器

(4)ID选择器

7、伪类(网页元素的各种状态)

<div>
    <a href="www.baidu.com">百度一下</a>
</div>

a: link:未访问的状态
a:visited:访问过后的状态
a:hover:鼠标悬停的状态
a:active:激活选定的状态
注意:该定义顺序不能随便更改

8、子元素选择器

<style type="text/css">
    h1 > strong {color:red;}
</style>
<body>
    <!-- 子代选择器和后代选择器不同在于只能出现在当前容器下的子元素受用,不受用于隔代继承。 -->
    <h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
    <h1>This is <em>really <strong>very</strong></em> important.</h1>
</body>

9、调边框

border-width:width;边框粗细

border-style:solid;边框风格

border-color:red;边框颜色

二、心得体会

​ 通过今天的学习,我了解了CSS的基本结构和基本渲染方法,对页面的渲染有了一个初步的认识。有些知识能听懂,但实践起来很陌生。

三、提出问题

1、Typora如何快速弹出代码编辑框?(上课没听清)

2、如何快速注释掉HBuilder X的注释?

3、如何缩放下面的图片?

4、如何用HBuilder X编辑一个正五角星?

标签

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