我们一起来读书吧 关注:154贴子:2,822
  • 0回复贴,共1

《css世界》1~3.2.1

只看楼主收藏回复

1. CSS-文档流:
是 CSS 中的一种基本的定位和布局机制,HTML是CSS世界构建的基石,HTML最具代表的两个基石<div>和<span>正好是CSS世界中块级元素和内联级元素的代表,div自动铺满容器,span依次排列,不足则换行。“流”的特性对<table>并不适用,,一些 CSS 属性的表现,如单元格的 vertical-align,也和普通的元素不一样。
2. CSS 世界的专业术语:
属性(height和color)、值(99px、50%)、关键字( CSS 里面很关键的单词,例如 solid、inherit )、长度单位(时间单位s、ms,角度单位deg、rad,长度单位px、em)。长度单位可以分为相对长度单位和绝对长度单位。
(1)相对长度单位又分为相对字体长度单位和相对视区长度单位。
• 相对字体长度单位,如 em 和 ex,还有 CSS3 的 rem 和 ch。
• 相对视区长度单位,如 vh、vw、vmin 和 vmax。
(2)绝对长度单位:最常见的就是 px。
功能符:值以函数的形式指定(就是被括号括起来的那种),主要用来表示颜色(rgba 和 hsla)、背景图片地址(url)、元素属性值、计算(calc)和过渡效果等,如 rgba(0,0,0,.5)、url('css-world.png')、attr('href')和 scale(-1)。
选择器:类选择器、ID 选择器、属性选择器、伪类选择器、伪元素选择器、关系选择器
、@规则。
“块级元素”和“display 为 block 的元素”不是一个概念。例如,<li>元素默认的 display 值是 list-item,<table>元素默认的 display 值是 table,但是它们均是“块级元素”,因为它们都符合块级元素的基本特征。每个元素都两个盒子,外在盒子和内在盒子。外在盒子负责元素是可以一行显示,还是只能换行显示;内在盒子负责宽高、内容呈现什么的。值为 inline-block 的元素则由外在的“内联盒子”和内在的“块级容器盒子”组成。虽然在某些情况下使用“很大宽度”可以实现“最大宽度”相似的效果,但“最大宽度”在控制布局、优化滚动体验和提高性能等方面具有更重要的作用,例如使用 iScroll 模拟水平滚动只能是使用“最大宽度”,这样,滚动到底的时候才是真的到底。


IP属地:北京1楼2024-10-14 23:38回复