css添加方法
1.行内添加:
style=""
2.内嵌样式:(适合HTML很少,CSS代码不多)
必须在head内添加
<style>
//CSS代码
<style>
3.单独文件添加:
需要在HTML文件中引用CSS文件
也需要嵌入到head标签中
<link rel="" href="">
rel 表示需要链接的文件类型;
href表示西药链接的文件地址(相对路径)
CSS添加方法优先级:(就近原则)
行内 > 内嵌 > 链接
CSS选择器
类别前加点;id前加#;标签直接写;
类别选择器:可以多个标签共同使用一个class名
id选择器:只能一个标签使用,一般是给js使用
//多个标签样式设置:
p,h1{//用逗号隔开
//CSS代码
}
//全局(所有)样式设置:
*{
//CSS代码
}
CSS样式
pt :点(Points),绝对长度单位。印刷业上常使用的单位,磅的意思,一般用于页面打印排版。
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
px :相像素(Pixels),对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em:字符。相对于当前对象内文本的字体尺寸。
1em =16px——1个字符
%:百分比,设置该元素为父元素的n%;相对值 ;相对父元素的大小
文字样式
color: ;
rgb(x,x,x)
每个颜色0-255;
白:rgb(255,255,255,1) 或rgb(100%,100%,100%)
黑:rgb(0,0,0) 或rgb(0%,0%,0%)
红:rgb(255,0,0) 或rgb(100%,0%,0%)
灰:三个分量取值相等,比如rgb(66,66,66)
rgba(x,x,x,x)
a是透明度(alpha)0.0(完全透明)1.0(完全不透明)
#rrggbb (十六进制表示)
红色:#ff0000 或 #f00(去掉重复位)
letter-spacing: ;
字符间距,可正可负,为负字符重叠
line-height: ;
设置行高
p{
font-size:14px;
line-height:2em;//行高两个字符,相对于上面设置的字符大小
}
垂直居中:
p{
font-size: 14px;
height: 80px;
background-color: #ccc;
line-height: 80px;
}
text-align: ;
文本对齐方式,center,right,left,justify(两端对齐)
text-decoration: ;
装饰线,overline(上划线),line-through(穿过文字),underline(下划线),none(可以用来删除超链接的下划线)
font: ;
font:斜体 粗体 字号/行高 字体
font:inalic bold 16px/1.5em ‘宋体’
font-style: ;
斜体 italic
font-weight: ;
粗体 bold