CSS 样式

CSS 样式

文字样式

body div{
    font-size:99px; 设置字体大小
    font-weight:bold; 设置字体加粗
    font-style:italic; 设置文字倾斜
    font-family:"宋体"; 设置文字字体，有新字体包需更改
    font-variant:small-caps; 设置小型大写字母
    text-shadow:3px 3px 3px red; 设置文本阴影 水平位移 竖直位移 模糊度 颜色
    text-decoration:none; 去除下划线
    text-decoration：underline；设置删除线
    text-decoration：capitalize; 设置首字母大写
    text-indent:2em; 设置文本缩进，只应用于p标签上
    text-align:center; 设置文本居中
    line-height:100px; 设置文本行高 一般做竖直位置上的居中
    word-wrap:break-word; 设置文字超出后自动换行
    word-wrap:nowrap; 不换行
}

自定义引入字体（新字体包）

@font-face{
font-family:nb字体；
src:url(./你的素材包.ttf)
}

优先级内联样式style>id 200>class 10>tag>*

背景样式

background-color: aquamarine; 背景颜色 
background-image: url(./img/1.jpg);背景照片
background-repeat: no-repeat;背景不重复
background-position:center;背景定位
background-size: cover/100%; 背景覆盖完全，照片可能不完全展示。contain照片宽或高一边完全覆盖，图片展示完全
background-attachment: fixed;背景固定
background-origin:content-box; 背景盒模型定位默认从padding开始定位
background-clip: content-box; 背景裁剪

边框

.box{
    width:100px;
    height:100px;
    boder-width:12px;
    boder-color:red;
    boder-right-style:20px;
    boder-color:transparent; 设置透明
}

盒子阴影

border: 1px groove;