css3文本属性、背景属性、颜色模式、图片边框、圆角、盒子阴影、width属性值以及calc方法详解
文章目录
- CSS3属性
- 文本阴影属性
- 文本换行
- @font-face
- 背景属性
- 颜色模式
- 图片边框
- CSS圆角
- 盒子阴影
- width的属性值
- css3 calc()方法详解
- pointer-events：
CSS3属性
文本阴影属性
- text-shadow
- 说明：水平、垂直阴影的位置允许负值
可进行多阴影设置(逗号分隔的方式)
文本换行
-
Word-wrap
属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 属性值： normal 说明：只在允许的断字点换行（浏览器保持默认处理） break-word 说明：属性允许长单词或 URL 地址换行到下一行 -
Word-break
属性值： break-all 说明：它断句的方式非常粗暴，它不会尝试把长单词挪到下一行，而是直接进行单词内的断句 Keep-all 说明：文本不会换行，只能在半角空格或连字符处换行
@font-face
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体（@font-face这个功能早在IE4就支持）
@font-face的语法规则:
@font-face {
font-family: ;
src: [][, []]*;
[font-weight: ];
[font-style: