前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CSS 全解析实战(三)-CSS 基础1 选择器(1)背景非布局样式(边框)非布局样式(滚动)非布局样式(文本折行)非布局样式(装饰性属性)hack和案例(1)hack和案例(2)面试题

CSS 全解析实战(三)-CSS 基础1 选择器(1)背景非布局样式(边框)非布局样式(滚动)非布局样式(文本折行)非布局样式(装饰性属性)hack和案例(1)hack和案例(2)面试题

作者头像
JavaEdge
发布2018-08-02 16:26:46
4720
发布2018-08-02 16:26:46
举报
文章被收录于专栏:JavaEdge

1 选择器(1)

  • 基本规则

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

  • 选择器 浏览器是从右往左解析的,继续向左解析只是验证,如此一来,性能极大提高
  • 选择器的分类
  • 选择器权重
  • 非布局样式-字体
  • 非布局样式-行高

背景

非布局样式(边框)

非布局样式(滚动)

内容超出容器大小

非布局样式(文本折行)

  • 单词空格换行
    • 把单词尽量当一个整体
    • 不把单词当一个整体,打断所有
    • 就不换行!

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

hack和案例(1)

hack和案例(2)

CSS实现 checkbox

面试题

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.07.10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 选择器(1)
  • 背景
  • 非布局样式(边框)
  • 非布局样式(滚动)
  • 非布局样式(文本折行)
  • 非布局样式(装饰性属性)
  • hack和案例(1)
  • hack和案例(2)
  • 面试题
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档