继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

蝴蝶不菲
关注TA
已关注
手记 372
粉丝 81
获赞 381

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
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP