黑马程序员技术交流社区
标题: 【郑州校区】CSS笔记第二天 [打印本页]
作者: 我是楠楠 时间: 2018-1-22 10:48
标题: 【郑州校区】CSS笔记第二天
【郑州校区】CSS笔记第二天
三、文本text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。
参1：水平偏移量 正值向右 负值向左；
参2：垂直偏移量 正值向下 负值向上；
参3：模糊度（模糊半径）是不能为负值；
参4：颜色
四、边框边框圆角：border-radius：0 0 0 0 / 0 0 0 0; 前四个是x轴圆角半径，后面四个是Y轴圆角半径
边框阴影：border-shadow
参1、水平偏移量 右正左负；
参2、垂直偏移量 下正上负；
参3、模糊半径是不能为负值；
参4、颜色
参5、inset可以设置内阴影；
边框图片：border-image
参1：source：图片路径
参2：slice：切割，包含4参数（a,b,c,d）按照上右下左顺序
参3：repeat是否平铺 包含三个值：stretch拉伸（默认值）、repeat重复、round平铺
参4：width宽度
参5：偏移位置
五、盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。
可以分成两种情况：
1、box-sizing: border-box 计算方式为content = width – border - padding
2、box-sizing: content-box 计算方式为content = width
box-shadow属性
取值：水平偏移量、垂直偏移量、模糊度、外延值、color、inset（内阴影）
box-reflect盒子倒影属性:可以对盒子模型进行倒影设置。
值： direction（above、below、left、right）、offset（图片与倒影间隔）、mask-box-image(url)
更多
传智播客·黑马程序员郑州校区地址
河南省郑州市 高新区长椿路11号大学科技园（西区）东门8号楼三层
联系电话 0371-56061160/61/62
来校路线 地铁一号线梧桐街站A口出
作者: 米娅 时间: 2018-1-22 11:19
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
