《Head first HTML与CSS 第二版》读书笔记 第一章 了解HTML
2016-07-28 00:00
281 查看
摘要: 《Head first HTML与CSS 第二版》第一章的读书笔记，主要对HTML和CSS做了概要性的讲解。
1、关于HTML
HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。
它只会根据标记来确定在哪里换行或者分段。所以浏览器会忽略HTML文档中的制表符、回车和空格。
共有六级标题，从<h1>到<h6>，字体由大到小。
HTML注释放在<!--和-->之间，浏览器会把它们完全忽略，可以有多行。
<em>元素表示强调。
<head>的HTML页面的头部，它包含了web页面的相关信息。
2、关于CSS
CSS是层叠样式表（cascading style sheets）的缩写。它提供了一种方法来告诉浏览器页面中的元素如何显示。
想要增加样式，要在页面中增加<style>元素。它放在HTML的首部里。
它有一个可选的属性type，告诉浏览器在使用什么类型的样式。使用CSS，对应的类型是"text/css"。
使用<style>时可以不指定type属性，浏览器默认识别样式为CSS（似乎也没有别的样式）。
例子中用到的一些CSS属性：
margin-left/margin-right: 20%; 设置左右外边距分别呢占页面的20%；
border: 2px dotted black; 定义页面主题周围的边距是虚线，颜色为黑色；
padding: 10px 10px 10px 10px; 在页面主体周围创建一些内边距；
font-family: sans-serif; 定义文本使用的字体。
CSS中的body表示其后{ }中的CSS应用于<body>元素中的内容。
1、关于HTML
HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。
它只会根据标记来确定在哪里换行或者分段。所以浏览器会忽略HTML文档中的制表符、回车和空格。
共有六级标题，从<h1>到<h6>，字体由大到小。
HTML注释放在<!--和-->之间，浏览器会把它们完全忽略，可以有多行。
<em>元素表示强调。
<head>的HTML页面的头部，它包含了web页面的相关信息。
2、关于CSS
CSS是层叠样式表（cascading style sheets）的缩写。它提供了一种方法来告诉浏览器页面中的元素如何显示。
想要增加样式，要在页面中增加<style>元素。它放在HTML的首部里。
它有一个可选的属性type，告诉浏览器在使用什么类型的样式。使用CSS，对应的类型是"text/css"。
使用<style>时可以不指定type属性，浏览器默认识别样式为CSS（似乎也没有别的样式）。
例子中用到的一些CSS属性：
margin-left/margin-right: 20%; 设置左右外边距分别呢占页面的20%；
border: 2px dotted black; 定义页面主题周围的边距是虚线，颜色为黑色；
padding: 10px 10px 10px 10px; 在页面主体周围创建一些内边距；
font-family: sans-serif; 定义文本使用的字体。
CSS中的body表示其后{ }中的CSS应用于<body>元素中的内容。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐