Day 2
question1:如何选择元素?
使用各类选择器
question2:如何设置选择器?
一.对于某些默许继承父类元素属性的
initial:继承父类改为不继承父类
inherit:默认不继承改为继承
二.颜色单位
1.关键字设置 color:red
2.rgb(0,0,255)
3.rgba(0,0,255,0.5)
4.16进制,在网页上使用拾取器复制颜色
三.尺寸单位
1.px绝对单位
2.em相对单位
与当前元素字体大小相同
3.百分比
width=”100%“(占满整个父集)
四.各种字体样式
font-style 打开/关闭斜体文本
font-weight字体粗细值(100-300)
font-size字体大小
text-align位置
text-transform{1.lowercase2.capital3.full-width}
text-decoration{1.none2.underline/overline}
text-shadow文本阴影 {none/h-/v-/blur/color}
text-indent首行缩进(2em)
速写
- 必须包含font-size、font-family
- font-style、font-weight必须在font-size之前
- font-family必须在最后
font:font-style font-weight font-size font-family;
例如:italic bold 12px ‘Microsoft YaHei’,serif;
五.font-family
给文本指定特殊字体
本机:在c盘Windows里的fonts文件夹中寻找
div:first-child{
font family:“宋体”}
网络:1.下载对应字体
2.设置
font-face{
font-family:“myfont”
src-url(“地址”)
3.字体图标库
(一般在行内元素设置)
fantawesome
inconfont
1.加入项目 2.font class 3.下载 4.class=inconfont xxx"