黑马程序员技术交流社区

标题: 【郑州校区】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)
更多
【郑州校区】移动web开发笔记day1
【郑州校区】移动web开发笔记day2
【郑州校区】移动web开发笔记day3
【郑州校区】移动web开发笔记day4
【郑州校区】移动web开发笔记day5
【郑州校区】Canvas笔记第一天
【郑州校区】Canvas笔记第二天
【郑州校区】CSS笔记第一天

传智播客·黑马程序员郑州校区地址
河南省郑州市 高新区长椿路11号大学科技园(西区)东门8号楼三层
联系电话 0371-56061160/61/62
来校路线  地铁一号线梧桐街站A口出


作者: 米娅    时间: 2018-1-22 11:19
  




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2