摘要: ``` 1.在默认情况下,CSS设置的盒子宽度仅仅是内容区的宽度,而非盒子的宽度。同样,高度类似。真正盒子的宽度(在页面呈现出来的宽度)和高度,需要加上一些其它的属性。例如: a)padding + border + width = 盒子的宽度 b)padding + border + height = 盒子的高度 很明显,这不直观,很容易出错,造成网页中其它元素的错位。 2. CSS3中可以通过... 阅读全文
posted @ 2019-03-13 19:59 Tobenew 阅读(143) 评论(0) 推荐(0) 编辑
摘要: ``` 安卓机器人 ``` ![](https://img2018.cnblogs.com/blog/969404/201903/969404-20190313195114816-1801239719.png) 阅读全文
posted @ 2019-03-13 19:51 Tobenew 阅读(523) 评论(0) 推荐(0) 编辑
摘要: ``` /* div{ width: 200px; height: 200px; background-color: orange; margin:100px auto; !*添加边框阴影*! box-shadow: -10px 10px 5... 阅读全文
posted @ 2019-03-13 19:50 Tobenew 阅读(173) 评论(0) 推荐(0) 编辑
摘要: text shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text shadow属性来指定阴影。这个属性可以有两个作用,产生阴影和模糊主体。这样在不使用图片时能给文字增加质感 阅读全文
posted @ 2019-03-13 19:27 Tobenew 阅读(394) 评论(0) 推荐(0) 编辑
摘要: ``` HTML5中添加了一些新的颜色的表示方式 1.RGBA:说得简单一点就是在RGB的基础上加进了一个通道Alpha。RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负... 阅读全文
posted @ 2019-03-13 18:39 Tobenew 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 浏览器渲染如下: 阅读全文
posted @ 2019-03-13 18:13 Tobenew 阅读(211) 评论(0) 推荐(0) 编辑
摘要: ``` a)之前学习的:a:hover a:link a:active a:visited b)以某元素相对于其父元素或兄弟元素的位置来获取无素的结构伪类 f)E:first-child:查找E这个元素的父元素的第一个子元素E g)E:last-child:最后一个子元素 h)E:nth-child(n): 第n个子元素,计算方法是E元素的全部兄弟元素 i)E:nth-last-child(... 阅读全文
posted @ 2019-03-13 10:17 Tobenew 阅读(1833) 评论(0) 推荐(0) 编辑
摘要: 下面是页面渲染效果: 阅读全文
posted @ 2019-03-13 08:57 Tobenew 阅读(739) 评论(0) 推荐(0) 编辑
摘要: ``` 简介: 如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷 动画 圆角 阴影 边框图片 … Css当js用 Js当后台语言用 ``` ``` CSS3现状: 1、浏览器支持程度差,需要添加私有前缀(移动端) a)requestFullScreen b)webkitRequ... 阅读全文
posted @ 2019-03-13 08:36 Tobenew 阅读(724) 评论(0) 推荐(0) 编辑