日报8.3（CSS样式）

1.CSS文字样式

• font-family：指定字体样式
• font-size：设定字体大小 px、em（针对父字体大小）
• font-style：指定文本的字体样式
• font-variant：以小型大写字体或者正常字体显示文本
• font-weight：指定字体粗细（正常：normal，加粗bold）
• @font-face：引入自定义字体
• text_shadow:文本阴影

2.文本样式

ext-decoration：文本装饰

属性值：下划线：underline
删除线：line-througt
上划线：overline
无装饰：none

• text-transform:文本大小写（针对英文段落）
  属性值：小写：lowercase
  大写：uppercase
  只针对首字母大写：capitalize ③.text-indent:文本缩进

text-transform:文本大小写（针对英文段落）

属性值：小写：lowercase
大写：uppercase
只针对首字母大写：`capitalize

text-align:文本对齐

属性值：center 居中
right 右对齐
justify 两端对齐

line-height：定义行高

注意： 每个标签都有一个 display 属性，block 代表块级标签，
inline 代表行级标签，如果要给行级标签设置宽和高，必须先
转成块级标签 letter-spacing：字之间的间距

word-spacing:定义词间距 （针对英文）

with-space:设置元素空白方式 white-space: nowrap;/不换行/ ,overflow:设置文本溢出效果 direction:设置文本方向word-warp:允许对长的不可分割的单词进行分割转换至下一行 word-wrap: break-word;可能产生留白word-break…等等,强制分割 word-break: break-all;

css边框

1.元素的边框属性：
 border 简写属性，用于把针对四个边的属性设置在一个声明
 border-width 简写属性，用于为元素的所有边框设置宽度，或
者单独地为各边边框设置宽度。
o 常用单位为像素(px)、em。
o thin 细的边框。/medium 默认/thick 定义粗的边框。
 border-style 用于设置元素所有边框的样式，或者单独地为各
边设置边框样式。
o none 定义无边框。
o dotted 定义点状边框
o dashed 定义虚线
o solid 定义实线。
o groove 定义 3D 凹槽边框。
o ridge 定义 3D 垄状边框。
o inset 定义 3D inset 边框。
o outset 定义 3D outset 边框。
 border-color 简写属性，设置元素的所有边框中可见部分的颜
色，或为 4 个边分别设置颜色。
 border-bottom 简写属性，用于把下边框的所有属性设置到一
个声明中。
 border-bottom-color 设置元素的下边框的颜色。
 border-bottom-style 设置元素的下边框的样式。
 border-bottom-width 设置元素的下边框的宽度。
 border-left 简写属性，用于把左边框的所有属性设置到一个声明中。
 border-left-color 设置元素的左边框的颜色。
 border-left-style 设置元素的左边框的样式。
 border-left-width 设置元素的左边框的宽度。
 border-right 简写属性，用于把右边框的所有属性设置到一个声明中。
 border-right-color 设置元素的右边框的颜色。
 border-right-style 设置元素的右边框的样式。
 border-right-width 设置元素的右边框的宽度。
 border-top 简写属性，用于把上边框的所有属性设置到一个声明中。
 border-top-color 设置元素的上边框的颜色。
 border-top-style 设置元素的上边框的样式。
 border-top-width 设置元素的上边框的宽度。
2.CSS3 新增的边框属性：
 border-radius 设置所有四个 border-radius 属性的简写属性。

1. • 同时设定四个角的圆角。
2. ** 分别设定左上 右下、左下 右上圆角。
3. *** 分别设定左上 、左下 右上、右下圆角。
4. **** 分别设定左上 、右上、右下、左下圆角。
   o border-top-left-radius 左上角圆角边框。

阴影

box-shadow 添加阴影
向方框添加一个或多个阴影。
o none： 无阴影。
o 阴影水平偏移值/阴影垂直偏移值/阴影模糊值/阴影外延
值/阴影的颜色/inset 内阴影(默认值为 outset)