摘要: 伪元素表示页面中一些特殊的并不存在元素 ::开头 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)
摘要: <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)
摘要: 包含: 选择器 和 声明快 选择器:通过选择器可以选中页面中的指定元素 声明块:通过声明块来指定元素设置的样式(名值对结构) 一个样式名对应一个样式值 阅读全文
posted @ 2021-02-13 17:51 俗气小博 阅读(40) 评论(0) 推荐(0)
摘要: 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)