样式表的引用方式：
1、行内样式表:
<any style=“样式名：样式值；”></any>2、页面内样式：
<head>
<style>
标签名{
样式名：样式值；
}
</style>
<head>3、外部样式表：
<head>
<link rel="stylesheet" type="text/css" href="链接样式表文件".css/>
<head>优先级：
行内>页面内>外部样式表
4、样式：
color:red; //字体颜色：红色
text-align:center; //文本居中 left/center/right/justify 左/中/右/两端对齐
fong-weight：bold; //字体加粗 bold/bolder
font-style:italic; //字体倾斜
text-decoration:underline/none; //下划线 去掉下划线
font-size：19px; //字体大小：19像素
font-family：宋体;
简写：font：19 px 宋体; // 字体大小 字体
background:背景颜色 背景图片 背景是否重复 背景定位位置
//背景图片：url（图片路径）
//是否重复：repeat /no-repeat /repeat-x /repeat-y //重复/不重复/水平重复/垂直重复
//背景定位位置：left /center /right/ 水平左中右
top /center /bottom 垂直上中下
background-size：精确像素 /百分比 / em /rem 背景图片控制大小
background-attachment：scroll滚动 /fixed：固定 背景图片固定定位
width：400px；宽度400
heigh：300px；高度300
border：solid 1px #000；边框线：实线 线粗细 线颜色
线性：solid 实线 double 双线 dotted点状线 dashed 虚线 none无边框线
border-style值:
none:默认无边框
dotted：定义一个点线框
dashed：定义一个虚线框
solid：定义实线边界
double：定义两个边界
选择器的定义方式
1、类选择器的定义方式：（可以多次调用）
命名：
.name{ }调用：
<any class="name"></any>2、标签选择器的定义方式：（只要符合标签，都自动调用）
命名：
标签名{ } //p{ }
调用：
<标签>
3、ID选择器定义方式（只能调用一次）
命名：
#name{ }调用：
<any id="name"></any>网面中图片格式：jpg gif png webp
填充：
padding-top padding-left padding-right padding-bottom
简写：padding：值
padding：a
一个值表示四边相同的填充
padding：a b
两个值表示上下是a 左右是b
padding：a b c
三个值表示上是a 左右是b 下是c
padding：a b c d
四个值表示上a 右b 下c 左d
边距：marign：值 （同上padding）
行高 ling-height 行间距
一般用行高布局垂直对齐方式：
行高和高度一致，内容在垂直正中间
行高比高度大，内容偏下
行高比高度小，内容偏上
首行缩进：text-indent：2em；首行缩进两个字符
浮动：float：left / right ； 左浮动/右浮动 margin：0 auto；水平居中
文本转换：text-transform：uppercase /lowercase /capitalize //大写 小写 首字母大写
扫一扫
1266
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
