俗气小博

2021年2月14日

摘要：伪元素表示页面中一些特殊的并不存在元素 ::开头 p::first-letter/*第一个伪元素*/{ font-size: 50px; } p::first-line/*第一行元素*/ { color: khaki; } p::selection/*选中的内容*/ { background-col 阅读全文

posted @ 2021-02-14 13:20 俗气小博阅读(59) 评论(0) 推荐(0)

超链接伪类

摘要： a:link/*没访问过的*/ { color: greenyellow; } a:visited/*访问过，visited只能设置颜色*/ { color: grey; } a:hover/*鼠标移入会变化*/ { color: hotpink; font-size: 50px; } a:acti 阅读全文

posted @ 2021-02-14 13:09 俗气小博阅读(33) 评论(0) 推荐(0)

伪类选择器

摘要： ul>li*5 得到 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 伪类：一般情况下以:开头第一个元素：first-child 最后一个元素 :last-child 选第三个元素 :nth-child(3) 全选:nth 阅读全文

posted @ 2021-02-14 12:52 俗气小博阅读(39) 评论(0) 推荐(0)

2021年2月13日

属性选择器

摘要： <title>指鼠标放上去会显示title值属性选择器 p[title]{ color: seagreen; } <p title="ooo">eee</p> 属性名=属性值属性名^=属性值：以属性值开头的属性名$=属性值：结尾属性名*=属性值：含有就行阅读全文

posted @ 2021-02-13 21:28 俗气小博阅读(27) 评论(0) 推荐(0)

关系选择器

摘要：父元素子元素祖先元素后代元素兄弟元素让div的子元素变色： div > span{ color: salmon; } 后代元素选择器：范围会更大 div span{ color: seagreen; } 兄弟元素选择器（下一个兄弟元素）： p+span{ color: seagreen; 阅读全文

posted @ 2021-02-13 18:26 俗气小博阅读(64) 评论(0) 推荐(0)

常用选择器

摘要：元素选择器： p{ color: seagreen; font-size: 20px; } id选择器（只能选一个）： #red{ color: red; } 标签属性class，与id类似，但class可以重复，class="b1 b2"，class属性值可以为多个类选择器：使用class,使用阅读全文

posted @ 2021-02-13 18:07 俗气小博阅读(39) 评论(0) 推荐(0)

css基本语法

摘要：包含：选择器和声明快选择器：通过选择器可以选中页面中的指定元素声明块：通过声明块来指定元素设置的样式（名值对结构）一个样式名对应一个样式值阅读全文

posted @ 2021-02-13 17:51 俗气小博阅读(40) 评论(0) 推荐(0)

CSS使用

摘要： style="" 后面的就是CSS，不过不推荐使用，属于内联样式，开发绝对不用第二种方式：将样式写到head的style中，学习路上使用（可以同时为多个标签设计样式，不能夸页面使用）第三种方式：在多个网页中使用,最佳使用，还方便缓存（缓存机制，速度快） <link rel ="styleshe 阅读全文

posted @ 2021-02-13 17:38 俗气小博阅读(30) 评论(0) 推荐(0)

网页组成

摘要：网页分成三部分：结构（html）表现（css）行为（javascript） css 层叠样式表（网页可以有很多层，只能看到最上面一层）网页实际是多层结构，通过CSS可以为每一层设计样式总之：css可以给网页化妆阅读全文

posted @ 2021-02-13 16:29 俗气小博阅读(309) 评论(0) 推荐(0)

音视频播放

摘要：音频： <audio src="./音视频/03.flac" ></audio> 加入音乐. controls 控制台 autoplay 自动播放（大多浏览器不可以播放） loop 循环播放 <audio controls> 对不起，您的浏览器不支持 <source src="./音视频/03.fl 阅读全文

posted @ 2021-02-13 16:20 俗气小博阅读(47) 评论(0) 推荐(0)

公告