- CSS在处理HTML元素时都假设它们各自位于一个无形的盒子中,并通过规则来指定元素的外观
- CSS规则是由选择器(用于表明规则应用的对象)和声明(用于指定元素的外观)组成的\
- 不同类型的选择器允许你将CSS规则应用于各种不同的元素
- 声明由两部分组成:所要改变的元素属性,以及这些属性的值。
- 尽管CSS规则可以置于HTML页面中,但它们通常出现在单独的文档中
- 颜色不仅可以为你的网站注入活力,还能传递情感、引发共鸣
- 在CSS可以采用三种方式来指定颜色:RGB值、十六进制编码和颜色名称
- 拾色器可以帮你找到所需的颜色
- 保证在文本与其背景之间存在足够的对比度是非常重要的(否则人们将无法阅读这些内容)
- CSS3为指定RGB颜色的不透明度而引入了一个额外的值,称为RGBA
- CSS3还允许你采用HSL值来指定颜色,加上一个可选值来指定不透明度,就称为HSLA
- 有些属性可以用来控制字体的类型、大小、粗细、样式和字距
- 可以假设大多数人已经安装了某些字体,但这些字体的种类是非常有限的
- 如果想扩大字型的选择范围,有几种方法可供选用,但前提是你要取得这些字型的使用许可
- 文本的行距、字母间距和单词间距都是可以控制的。文本可以向左对齐、向右对齐、居中显中或者两端对齐。文本还可以缩进显示
- 当用户将光标悬停在文本、单击文本或者当一个链接已经被访问过时,可使用伪类来改变这个元素的样式
- < div >元素常用作包含元素,以便将页面中的某些部分组合在一起
- 除非你指定了相对定位、绝对定位或是固定定位,否则浏览器就会按照普通流显示页面
- float属性将内容移到页面的左侧或右侧,还可以用于创建多列式布局(需要为浮动的元素定义宽度)
- 页面可以是固定宽度布局,也可以是流体(弹性)布局
- 设计人员将页面宽度保持在960~1000像素之间,并在网站顶部的600像素内(使人不滚动页面也可大致了解后面的内容是否与自己相关)表明网站的主题
- 网格有助于创建专业并且灵活的设计
- CSS框架为常见任务提供规则
- 可在一个页面中引用多个CSS文件
- 可使用CSS来指定图像的大小。当网站中的多个页面使用相同大小的图像时,这会非常有用
- 可以利用CSS在水平方向和垂直方向上对齐图像
- 对于页面上由任何元素创建的盒子,都可以在其后使用背景图像
- 背景图像可以只出现一次,也可以在盒子的背景中重复出现
- 可以通过移动背景图像的位置来创建图像翻转效果
- 为了减少浏览器加载图像的数量,可以创建图像子画面