前端css选择器笔记

类选择器在调用时,可被标签class属性调用多个选择器,用空格隔开
类命名规范:
自定义类名不能使用纯数字或数字开头的类名
汉字也可以用来当类名,但不推荐使用
不能使用特殊字符或者以特殊字符开头
text-align:内容显示方式left|center|right
text-indent:行首缩进
1em表示1个汉字大小
id选择器#id选择器名称{属性:值}定义 id="选择器" 调用 id选择器只能一次性调用一个,不能像class选择器一样一次性调用多个
如果同一个id选择器多次调用,那么只符合css规则,不符合编程规则,id选择器最好只被一个标签调用
通配符选择器:
*{属性:值;} 会选中所有标签
颜色表示方式:
英文单词
十六进制
rgb三原色 r red(0-255) g green(0-255) b blue(0-255)
rgba最后的a代表透明度,取值在0-1之间
opacity:半透明 取值0-1之间
文本修饰:
text-shadow:X Y 阴影大小px 颜色 ->文字阴影 x值越大,字横向移动幅度越大,y值控制上下移动,第三个参数表示阴影大小,四个值为一个阴影,多个阴影之间,隔开
font-size:设置文字大小
font-family:设置文字字体
网页文字unicode编码:
右键审查元素->console->输入escape("字体")->%u换成/
font-weight:文字粗细 bold 加粗
font-style:文字是否斜体,默认值normal,italic斜体显示
line-height:设置文字行高 上下间距
font属性联写,在font属性联写中,必须设置font-size和font-family:
font:700(加粗) italic(斜体) 30px(font-size)/30px(行高属性) "字体";
font-size必须写在font-family之前
行高也必须写在size之后
标签指定式选择器:
标签名.类名{属性:值;}
后代选择器:
标签 类名{属性:值}

猜你喜欢

转载自blog.51cto.com/3945465/2160885