HTML5秘籍(第2版) 评价人数不足
读书笔记 附录A CSS基础
Hibernation42

1. CSS将格式化工作转移到一个外部文本文件——样式表里。

2. 在网页中添加样式的三种方法:

1)在元素中添加style属性 (适用于单个元素)

2)在<head>部分,添加<style>元素 (适用于一次性页面或测试页面)

3)在<head>部分,添加<link>元素,链接向外部样式表文件 (适用于重用至多个页面)

3. 现代Web开发基本原理基础:用HTML设定页面结构,分成逻辑区域(段落、标题、图片、列表、链接等),再用CSS设定格式(字体、颜色、边框、背景、布局等)。

4. 同一页面应用不同CSS样式表的效果示例网站:http://www.csszengarden.com/

5. 样式表结构:选择器、属性、值。(属性参考:http://www.htmldog.com/references/

6. /*CSS中的注释*/

7. 实用元素:

<div>:块级元素,用于分隔整块内容,一个<div>元素是一个容器,可对其设置边框border、空距padding/margin,可通过设置<div>对内容进行分栏。

<span>:行内元素,用于给段落中少数内容应用格式。

8. 选择器

1)元素选择器:元素名称

2)上下文选择器:.类 元素名称/.类 (用于匹配元素内部的元素)

3)ID选择器:#ID

4)类选择器:.类

5)伪类选择器::link, :visited, :hover, :active, .类:link (参考:https://www.smashingmagazine.com/2011/03/how-to-use-css3-pseudo-classes/

6)属性选择器:*只适用于文本模式* 元素[type="value"] (参考:https://www.w3.org/TR/selectors-3/#selectors

9. 页面字体使用font-family属性,需使用Web安全字体(已知网络计算机的默认安装字体,参考:https://www.w3schools.com/cssref/css_websafe_fonts.asp),设置顺序为:首选、后备、serif/sans-serif(所有浏览器支持)。

10. 页面颜色设置,可使用在线颜色拾取器。

0
《HTML5秘籍(第2版)》的全部笔记 6篇
豆瓣
免费下载 iOS / Android 版客户端