随笔分类 -  CSS3

【CSS3】布局
摘要：浮动布局： 定位布局： 多列布局： 弹性布局： 给HTML设置边框： 弹性盒子布局简单示例： 阅读全文
posted @ 2017-05-01 13:53 xiongjiawei 阅读(194) 评论(0) 推荐(0)
【CSS3】透明度opacity与rgba()区别、光标cursor、display、轮廓outline与margin及border区别、em和rem区别
摘要：下拉菜单： 阅读全文
posted @ 2017-05-01 12:45 xiongjiawei 阅读(805) 评论(0) 推荐(0)
【CSS3】动画animation-关键帧keyframes
摘要：1 2 3 4 5 6 7 8 9 10 11 1 div{ 2 width: 300px; 3 height: 200px; 4 background-color: red; 5 animation-name: myanimation; 6 animation-dur... 阅读全文
posted @ 2017-05-01 10:39 xiongjiawei 阅读(525) 评论(0) 推荐(0)
【CSS3】动画
摘要：过渡： 阅读全文
posted @ 2017-04-30 15:15 xiongjiawei 阅读(178) 评论(0) 推荐(0)
【CSS3】渐变
摘要：1 2 3 4 5 6 7 8 9 10 11 12 1 div{ 2 width: 300px; 3 height: 200px; 4 border:solid; 5 } 6 #div1{ 7 /*background-image: linear-gradient... 阅读全文
posted @ 2017-04-30 11:00 xiongjiawei 阅读(194) 评论(0) 推荐(0)
【CSS3】背景
摘要：1 2 3 4 5 6 7 8 9 中国 10 11 12 13 让屏幕超过一屏产生滚动条。 14 15 1 div{ 2 width: 100px; 3 height: 100px; 4 /*background: red url(img/鱼2.jpg... 阅读全文
posted @ 2017-04-24 22:41 xiongjiawei 阅读(99) 评论(0) 推荐(0)
【CSS3】边框
摘要：1 2 3 4 5 6 7 8 9 10 11 1 div{ 2 width: 100px; 3 height: 100px; 4 background: rgba(255,0,0,0.2); 5 /*border:2px solid green;*//*类似padding * ... 阅读全文
posted @ 2017-04-24 21:06 xiongjiawei 阅读(129) 评论(0) 推荐(0)
【CSS3】表格、列表
摘要：1 2 3 4 5 6 7 8 9 10 我的表格 11 单元格单元格单元格单元格单元格单元格单元格单元格 12 单元格单元格 13 单元格单元格单元格 14 15 16 无序列表项1 17 无序列表项2 18 ... 阅读全文
posted @ 2017-04-24 19:25 xiongjiawei 阅读(1007) 评论(0) 推荐(0)
【CSS3】盒模型
摘要：1 2 3 4 5 6 7 8 9 中国 10 黄山 11 北京 12 上海 13 外边距合并上 14 外边距合并下 15 16 愿上苍保佑你的善良和真诚，愿我们常相聚，相遇是最美好的事。感谢上苍让我们在人生之中相遇，无论是擦肩而过，还是相扶相持，都十分珍贵，永远珍... 阅读全文
posted @ 2017-04-23 17:18 xiongjiawei 阅读(178) 评论(0) 推荐(0)
【CSS3】浏览器内核、私有前缀
摘要：浏览器内核 私有前缀 浏览器 webkit -webkit- chrome、safari、安卓、ios trident -ms- IE gecko -moz- firefox presto -o- opera 阅读全文
posted @ 2017-04-23 15:58 xiongjiawei 阅读(816) 评论(0) 推荐(0)
【CSS3】文本属性
摘要：1 2 3 4 5 6 7 8 9 text-align文本水平对齐方式 10 This is a test sentence. 汉字 之间 无 空格 会 当作 一个 单词。 11 abcdqwert yuiopasdfg h... 阅读全文
posted @ 2017-04-23 15:49 xiongjiawei 阅读(1826) 评论(0) 推荐(0)
【CSS3】字体font
摘要：1 2 3 4 5 6 7 34 35 36 37 未设置字体 38 font-size规定文本的字体尺寸 39 font-size规定文本的字体尺寸 40 font-size规定文本的字体尺寸 41 font-size规定文本的字体尺寸 42... 阅读全文
posted @ 2017-04-23 14:09 xiongjiawei 阅读(233) 评论(0) 推荐(0)
【CSS3】颜色表示方式
摘要：1 2 3 4 5 6 --> 7 16 17 19 20 21 22 23 24 25 26 27 阅读全文
posted @ 2017-04-23 12:53 xiongjiawei 阅读(526) 评论(0) 推荐(0)
【CSS3】选择器
摘要：伪元素选择器： 结构伪类选择器： UI伪类选择器、其他伪类选择器： 选择器优先级： 一般情况：行内样式>ID>类>元素； 范围更小，描述更精准的优先级高； 后设置的优先级高。 阅读全文
posted @ 2017-04-22 21:51 xiongjiawei 阅读(183) 评论(0) 推荐(0)
【CSS3】内联、内部、外部样式，样式优先级、层叠、继承
摘要：1 2 3 4 5 6 7 8 13 14 15 h1标题 16 h2标题 17 18 HTML5 19 h3标签内容继承div元素样式，但类似布局样式不能继承，例外边框 20 21 22 1 @charset="UTF-8"; ... 阅读全文
posted @ 2017-04-22 21:29 xiongjiawei 阅读(1902) 评论(0) 推荐(0)