Css基本语法2

Css文本样式

body内{
font-sizr:30px;文字大小
font-weight:bold; 文字加粗
font-style：itatic;文字倾斜
font-famliy:"宋体;文本样式
font-variant:small-caps;小型大写字母
**@font-face 自定文字样式 （必须在css下）
font-shadow 文本阴影 :水平方向位移，垂直方向位移，模糊度，颜色
单一样式优先级
style行间> id > class >tag >*>继承
注:! important强制优先
body{
color：rgb 给文本设置颜色

文本样式

（去线） text-decoration(可以叠加其他样式线)
text-transform： 针对文本大小写
属性值:小写: lowercase
只针对首字母大写:capitalize
text-indent: 2em 文本缩进2字符（在p段落标签内）
line height：100px 文本行高
text-align:center 文本居中
word-warp:允许对长的不可分割的单词进行分割转换至下一行
word-wrap: break-word;文本换行 可能产生留白
word-sapce：nowarp：文本不换行

css边框

边框样式

width：
height:
background-color: rgb /image :url();
background-repart: no-repeat 背景样式（重复，不重复）
background-position：center （背景定位）
background-size: 100% 背景尺寸
background-size：cover 背景覆盖（=100%） 图片不一定完整
contion照片或者高可以完全覆盖，图片可以展示完整
background-attacment: 背景固定
background-origin:content-box; 背景盒模型定位默认从padding开始定位
background-clip: content-box; 背景裁剪
border：线宽，线样式，颜色；

.box{
    border: 100px solid rgba(120, 120, 120, 0.3);
    width: 400px;
    height: 400px;
    padding: 100px;
    background-image: url(./img/bj_1.jpg);
    background-repeat: no-repeat;
    background-origin:border-box;
    background-clip: content-box;
}