为了账号安全,请及时绑定邮箱和手机立即绑定

前端css选择器笔记

标签:
Html/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之后
标签指定式选择器:
标签名.类名{属性:值;}
后代选择器:
标签 类名{属性:值}

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消