资讯专栏INFORMATION COLUMN

《CSS世界》阅读笔记(一)

xavier / 379人阅读

这篇主要记录了第一二章内容,因为多为概述,所以篇幅较短

流体布局

流体布局:指的是利用元素“流”的特性实现的各类布局效果。
“流体布局” ≠ “自适应布局”
“自适应布局”是对凡是具有自适应特性的一类布局的统称,“流体布局”要狭窄得多。

table 自己的世界

表格布局也可以设置为 100%自适应,但表格和“流”不是一路的,并不属于“流体布局”
table有着自己的世界,“流”的特性对

并不适用,一些 CSS 属性的表现,如单元格的
vertical-align,也和普通的元素不一样。

关系选择器

后代选择器:选择所有合乎规则的后代元素。请输入代码格连接
相邻后代选择器:仅仅选择合乎规则的儿子元素,孙子、重孙元素忽略,因此又*请输入代码称“子
选择器”。>连接
兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。~连接
相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接

附上其他选择器查询

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116059.html

相关文章

  • CSS世界阅读笔记(二)——块级元素与基本尺寸

    摘要:块级元素基本概念块级元素是一个水平流上只能单独显示一个元素,多个块级元素则换行显示。其中内部尺寸由内部元素决定还有一类叫作外部尺寸宽度由外部元素决定。所以子元素的高度设为是无效的。此时的就会有计算值,即使祖先元素的计算为也是如此。 块级元素基本概念 块级元素:是一个水平流上只能单独显示一个元素,多个块级元素则换行显示。 块级元素和display 为 block 的元素不是一个概念。 每...

    lylwyy2016 评论0 收藏0
  • CSS世界笔记五:CSS层叠规则及元素隐藏

    摘要:元素层叠顺序补充说明位于最下面的特指层叠上下文元素后面会详解的边框和背景色。界中可能有其他的层叠结界,而自身也可能处于其他层叠结界中。 上一篇:《CSS世界》笔记四:流的保护与破坏 写在前面 《CSS世界》这本书还剩六章,但是这本书的精华部分主要是前面的内容,这里仅把后面章节相对重要的内容以博客展示,想着了解更多的小伙伴还是去阅读原文的好,毕竟三百多页的一本书并不是小小几篇博客能完全说...

    godruoyi 评论0 收藏0
  • CSS世界笔记:流/元素/尺寸

    摘要:一流体布局引出的几种网页布局方式布局方式描述特点场景静态布局,传统设计,网页上的所有元素的尺寸一律使用作为单位。世界中,提出了流体布局的概念所谓流体布局,指的是利用元素流的特性实现的各类布局效果。 下一篇:《CSS世界》笔记二:盒模型四大家族 写在前面 初读《CSS世界》还是在深圳,属于换工作前的充能。那时候除了工作,其他时间基本都在这本书里了,因为它的确吸引人。之前看过《CSS揭密》...

    hizengzeng 评论0 收藏0
  • CSS世界笔记二:盒模型四大家族

    摘要:基本上,等高布局只能满足栏的情况,除非正好是等比例的,那还可以使用实现最多栏布局上一篇世界笔记一流元素尺寸下一篇世界笔记三内联元素与对齐 上一篇:《CSS世界》笔记一:流/元素/尺寸下一篇:《CSS世界》笔记三:内联元素与对齐 写在前面 在读《CSS世界》第四章之前,粗浅的认为盒模型无非是margin/border/padding/content而已,再多无非在不同box-sizing...

    icyfire 评论0 收藏0
  • CSS世界笔记四:流的保护与破坏

    摘要:和可以看作是同父异母的兄弟关系。例子如下结果如下而父元素设置属性的方式则是利用了的特性下面将会详细讲解结界全称为,中文为块级格式化上下文。 上一篇:《CSS世界》笔记三:内联元素与对齐下一篇:《CSS世界》笔记五:CSS层叠规则及元素隐藏 写在前面 原本博客名为浮动与定位,但是《CSS世界》第六章节的内容不仅有浮动定位,很大一部分篇幅都在讲BFC和overflow。更吸引人的是,作者将...

    he_xd 评论0 收藏0

发表评论

0条评论

xavier

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<