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

CSS 全解析实战(三)-CSS 基础

标签:
Html/CSS

1 选择器(1)

  • 基本规则


    5bcf1dbb0001a7cb10000309.jpg


    ;是分隔符,而不是语句结束符


    5bcf1dbd0001ecd010000334.jpg

  • 选择器
    浏览器是从右往左解析的,继续向左解析只是验证,如此一来,性能极大提高


    5bcf1dbe00016e5a10000310.jpg

  • 选择器的分类


    5bcf1dbf00015af910000427.jpg

  • 选择器权重


    5bcf1dc200019eaf10000326.jpg


    5bcf1dc300011d9a10000531.jpg


    5bcf1dc40001191510000233.jpg

  • 非布局样式-字体


    5bcf1dc5000175c110000411.jpg


    5bcf1dc600018f1710000441.jpg

  • 非布局样式-行高


    5bcf1dc7000168d110000253.jpg

背景

1000

非布局样式(边框)

1000

非布局样式(滚动)

内容超出容器大小


1000


1000

非布局样式(文本折行)

1000


1000


1000

  • 单词空格换行

    • 把单词尽量当一个整体


      684


      1000

    • 不把单词当一个整体,打断所有


      886


      1000

    • 就不换行!


      990


      1000

非布局样式(装饰性属性)

1000

hack和案例(1)

1000


1000

hack和案例(2)

1000

CSS实现 checkbox


1000

面试题

1000


1000


1000


1000


1000


1000



作者:芥末无疆sss
链接:https://www.jianshu.com/p/40fff07f2e7e
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


点击查看更多内容
TA 点赞

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

评论

作者其他优质文章

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

100积分直接送

付费专栏免费学

大额优惠券免费领

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

举报

0/150
提交
取消