随笔分类 -  HTML5

摘要:边框合并:border-collapse:collapse; 阅读全文
posted @ 2018-05-28 14:23 红领巾*** 阅读(151) 评论(0) 推荐(0)
摘要:css盒子模型:1.边框 border border-top-style(线型):solid(实线) dotted(点线) dashed(虚线) border-top-color(边框颜色) border-top-width(边框粗细) 2.边框属性简写: border-top:5px solid 阅读全文
posted @ 2018-05-27 17:30 红领巾*** 阅读(495) 评论(0) 推荐(0)
摘要:行高的单位:单位 文字大小 值px 20px 20pxem 20px 40px(20*2em)% 20px 30px(20*150%)2 20px 40px总结:单位处理像素以外,行高都是与文字大小的乘积 行高单位 父元素文字大小 子元素文字大小 行高40px 20px 30px 40px2em 2 阅读全文
posted @ 2018-05-27 15:57 红领巾*** 阅读(456) 评论(0) 推荐(0)
摘要:背景属性连写:写法:只写background:特点:连写的时候没有顺序要求,url是必写项。 阅读全文
posted @ 2018-05-27 09:10 红领巾*** 阅读(590) 评论(0) 推荐(0)
摘要:背景属性:1.background-color 背景颜色2.background-image 背景图片 3.background-repeat 背景平铺 平铺的几个属性:repeat(默认平铺) no-repeat(不平铺) repret-x(沿x轴平铺) repret-y(沿y轴平铺) 4.bac 阅读全文
posted @ 2018-05-26 21:46 红领巾*** 阅读(198) 评论(0) 推荐(0)
摘要:总结:1.开始总结写的时候思维比较混乱,没有按照先写框架在写样式的步骤来写,导致代码看起来特别乱,还有就是用标签不是特别熟练,所以要勤加练习2.写案例时一定要按照先框架后样式写,做到思路清晰,简洁明了 阅读全文
posted @ 2018-05-26 20:16 红领巾*** 阅读(183) 评论(0) 推荐(0)
摘要:链接伪类:写法:a:link{属性:值;}与a{属性:值;}效果一样 a:link{属性:值;}链接默认状态 a:visited{属性:值;}链接访问之后的状态 a:hover{属性:值;}鼠标放到链接上显示的状态 a:active{属性:值;}链接激活的状态(鼠标按在链接上不动) :focus{属 阅读全文
posted @ 2018-05-26 18:02 红领巾*** 阅读(335) 评论(0) 推荐(0)
摘要:优先级之权重会叠加:优先级的特点:☆继承的权重为0,在继承关系中,如果自己没有样式,则跟随父样式,如果自己有样式,则按自己的样式,此时,父级的权重为0。☆权重会叠加 即使是100个标签选择器也抵不过一个类选择器 阅读全文
posted @ 2018-05-25 11:46 红领巾*** 阅读(237) 评论(0) 推荐(0)
摘要:优先级: 默认样式(0)<标签选择器(1)<类选择器(10)<ID选择器(100)<行内选择器(1000)<!important(1000以上) 0 1 10 100 1000 1000以上 阅读全文
posted @ 2018-05-25 10:20 红领巾*** 阅读(143) 评论(0) 推荐(0)
摘要:css三大特性:;1.重叠性 前提:当多个样式作用于同一个或者同一类标签时,样式发生了冲突 结果:总是执行后面的代码,这是因为浏览器的解析顺序,后面的代码重叠前面的代码。 阅读全文
posted @ 2018-05-25 09:26 红领巾*** 阅读(152) 评论(0) 推荐(0)
摘要:继承性:继承性发生的前提是包含或者嵌套关系☆文字颜色可以继承☆文字大小可以继承☆字体可以继承☆字体粗细可以继承☆文字风格可以继承☆行高可以继承总结:文字的所有属性都有可以继承◆特殊情况:h1~h6不能继承文字大小a标签不能继承文字颜色 阅读全文
posted @ 2018-05-25 09:08 红领巾*** 阅读(138) 评论(0) 推荐(0)
摘要:元素之间的转换:◆块元素转行内元素 display:inline;◆行内元素转化为块元素 display:block;◆块和行内元素转行内元素 display:inline-block; 阅读全文
posted @ 2018-05-23 15:17 红领巾*** 阅读(643) 评论(0) 推荐(0)
摘要:1、块元素典型代表:div,h1~h6, p,ul,li(ul li列表元素)特点:独占一行,可以设置宽高,嵌套或者包含下,子块元素宽度没有定义时,和父元素宽度默认一致,2、行内元素典型代表:span,a,strong,em,del,ins特点:在一行上显示,不能直接定义宽高3、行内块元素(内联元素 阅读全文
posted @ 2018-05-22 23:40 红领巾*** 阅读(261) 评论(0) 推荐(0)
摘要:css三种样式表:1、内嵌样式表: <head> <style type="text/css"> 样式表写法 </style> </head>2、外链样式表: <link rel="stylesheet" href="1.css">3、行内样式表: <h1 style="font-size:30px 阅读全文
posted @ 2018-05-22 22:55 红领巾*** 阅读(3392) 评论(0) 推荐(0)
摘要:1 2 3 4 5 Document 6 43 44 45 46 中乙队赛前突然换帅仍胜毅腾 高原黑马欲阻击舜天 47 2014年07月16日20:11 48 新浪体育 评论中大奖(11人参与)收藏本文 49 50 51 新浪体育讯 ... 阅读全文
posted @ 2018-05-21 21:11 红领巾*** 阅读(395) 评论(0) 推荐(0)
摘要:文字的表达方式 1,直接写中文名称 div{ font-family: 微软雅黑; font-size: 50px; }2,写字体的英文名称 div{ font-family: microsoft yahei; font-size: 50px; }3,Unicode编码 字体名称 英文名称 Unic 阅读全文
posted @ 2018-05-21 13:49 红领巾*** 阅读(765) 评论(0) 推荐(0)
摘要:文本元素:属性:font-size:16px; font-weight:700;文本粗细(值从100到900) font-family:微软雅黑;文本的字体 font-style:normal/italic;文字风格(normal正常默认,italic斜体) line-height:40px行高 文 阅读全文
posted @ 2018-05-19 13:08 红领巾*** 阅读(730) 评论(0) 推荐(0)
摘要:并集选择器:写法:选择器+,+选择器+,... 阅读全文
posted @ 2018-05-19 09:26 红领巾*** 阅读(268) 评论(0) 推荐(0)
摘要:子代选择器写法:选择器>选择器{属性:值}特点:选择的时直接下一代元素 阅读全文
posted @ 2018-05-19 09:06 红领巾*** 阅读(332) 评论(0) 推荐(0)
摘要:后代选择器(重点)写法:选择器+空格+...+选择器{属性:值}特点:无限隔代. 只要能代表标签,标签、类选择器、ID选择器的自由组合。 阅读全文
posted @ 2018-05-18 11:21 红领巾*** 阅读(224) 评论(0) 推荐(0)