2018年1月4日

摘要: 1.设置文本阴影 语法:text-shadow:水平 垂直 模糊强度 阴影颜色; 例: 水平(必需):正值向右,负值向左; 垂直(必需):正值向下,负值向上; 模糊强度:0为最清晰,值越大阴影越模糊; 注意:文字、盒子都可以加多组阴影,例:text-shadow:2px 2px 2px red,-2 阅读全文
posted @ 2018-01-04 17:00 喜气洋洋得意 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 标签、属性、属性值统称为html元素,下面以盒子作为示例: E:first-letter{} => 设置第一个字,例: E:first-line{} => 设置第一行字,例: E::after{content:内容;} => 在元素的内容最后面插入内容,例: E::before{content:内容 阅读全文
posted @ 2018-01-04 16:22 喜气洋洋得意 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 标签、属性、属性值统称为html元素,下面以无序列表作为示例 E => element 元素 E:first-child{} => 选择第一个子元素,例: E.last-child{} => 选择最后一个子元素,例: E:only-child{} => 选择仅有的一个子元素,不适合本案例; E:nt 阅读全文
posted @ 2018-01-04 15:50 喜气洋洋得意 阅读(111) 评论(0) 推荐(0) 编辑
摘要: css3就是指css2+新语法,是对css2进行的扩充、删减和优化。 css3选择器依旧支持css2的选择器语法:类选择器、id选择器、标签选择器、复合选择器; css3属性选择器 标签、属性、属性值统称为html元素,下面以无序列表作为示例: E => element 元素 data => 属性 阅读全文
posted @ 2018-01-04 14:32 喜气洋洋得意 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 1.文本控件 type="text" 限定用户输入的内容是文本; name="namevalue" 表单控件名称(有意义的方便识别的可自定义名); placeholder="用户名/邮箱/账号" 用于提示用户可输入的信息; required="required" 必填项; autofocus="au 阅读全文
posted @ 2018-01-04 13:10 喜气洋洋得意 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 做网站讲究友好关系; 1.html5语义化标签 <header></header> 网页文档的头部; <nav></nav> 网页的导航栏; <section></section> 网页的块,相当于<div>; <aside></aside> 网页的侧边栏; <footer<</footer> 网页 阅读全文
posted @ 2018-01-04 10:30 喜气洋洋得意 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 大多数网站使用浮动,但是在某些特殊处理上使用定位; 1.固定定位 position:fixed; ①相对于浏览器窗口来进行定位,固定定位不占空间; ②如果不设置定位坐标,就在原来的位置; ③如果结合定位坐标,坐标就是相对于目标原来位置的距离; ④设置固定定位的元素层级要高于普通标签、绝 阅读全文
posted @ 2018-01-04 09:01 喜气洋洋得意 阅读(137) 评论(0) 推荐(0) 编辑

2018年1月2日

摘要: 1.浮动 ①设置浮动的元素不占用空间; ②设置浮动的元素层级高于普通元素,也就是说会覆盖其他元素; ③在同一行中的元素要横向排列,将元素都添加浮动属性,float:left; 向左浮动,float:right;向右浮动; ④只有块级元素才能设置宽和高,行内元素没有宽和高,行内元素的宽和高是有内容决定 阅读全文
posted @ 2018-01-02 10:58 喜气洋洋得意 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 盒子模型由内容区、边框和边距组成; 1.内容区 width height 2.边框(border) border不仅可以给盒子模型加,还可以给html所有标签加边框属性; ①上边框 border-top-color:red; 上边框的颜色; border-top-style:solid; 上边框的线 阅读全文
posted @ 2018-01-02 10:40 喜气洋洋得意 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 1.列表 去掉列表前面的项目符号:list-style-type:none; 简写: list-style:none; 用图片代替列表前的项目符号;:list-style-image:url(./images/tupian1.jpg); 合并表格边框线:border-collapse:collaps 阅读全文
posted @ 2018-01-02 09:53 喜气洋洋得意 阅读(190) 评论(0) 推荐(0) 编辑

导航