类选择器在调用时,可被标签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之后
标签指定式选择器:
标签名.类名{属性:值;}
后代选择器:
标签 类名{属性:值}
前端css选择器笔记
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Web页面中png jpg gif webp svg的区别和使用
songxianling1992
2019-02-23 13:44:50
手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机
songxianling1992
2019-02-23 13:44:50
HTML Images - TechGeekBuzz
cloudytechi147
2021-10-16 15:58:01
编写自适应高度的 textarea
CarterLi
2019-02-25 00:14:46
超级详细的手写webpack4配置来启动vue2项目(附配置作用)
Sotyoyo
2019-02-24 16:44:37
阿里云ACE认证之理解CDN技术
張嶸鑫
2019-02-24 10:57:10
JavaScript五十问——对比来说CSS的Grid与FlexBox(下篇)
藺相如如
2019-02-23 14:14:16
前端全链路性能优化实战
wy53780
2020-04-23 14:01:33
抓紧面试前的宝贵时间 快速搞定前端JavaScript面试
wy53780
2020-04-23 13:56:33
《剑指offer》分解让复杂问题更简单
ConardLi
2019-02-24 22:55:07
js搜索关键字(Ctrl + F)
WEBING
2019-02-23 18:05:07
由实际问题探究setState的执行机制
ConardLi
2019-02-23 16:54:40
淘宝放大镜的两种实现方法JS
李大雷
2019-02-23 16:45:00