HTML及CSS学习随手记 day1 （head first）

1. HTML ：超文本标记语言。ML，Markup language标记语言，以标记来表示内容结构。一般3部分组成，开始标记，内容及结束标记。

       HT，hypertext超文本，可以摆脱单个页面，即链接到其他界面。通过<a>标签实现，当然，也可以用<a>标签实现跳转本地指定或本文指定位置，为

       标签添加id属性，即可通过href=“/xxx.html#id"进行页面内跳转，一般应用于页面结尾进行跳转到开头。通过target属性可以控制在新窗口显示链接，       比如target=“_blank”，会在新窗口打开链接

  html中大多数的空白符都会被忽略，若想浏览器按输入时的方式原样显示文本可以用<pre>标签。

2. CSS：Cascading Style Sheets，层叠样式表，控制html的表现。

3 .<q>标签：短引用，视浏览器而定，可能回加双引号显示，会作为现有段落中的一部分；<blockquote>: 用于较长的引用，会单独显示

4.viod元素，无任何内容的元素，比如<br>和<img>，这类元素都是单标签，无结束标记。

5.自定义列表：dl

dt

dd

6.img web常用的三种图片格式：JPEG，PNG和GIF。简言之，jpeg照片通常比相同质量的png和gif照片要小，只是不支持透明度和动画，适合保存照片及其他复杂图片。png格式是新的格式，即支持照片也支持logo，透明性比gif好，而且gif只支持一种颜色透明；png的压缩优于gif，对于颜色数相同的图像（最多256种颜色）png会稍小些，如果需要更多颜色，gif无法提供了，此时兼顾透明性，只能选择png。当然如果需要动画，只能选择gif，只有gif唯一支持动画并使用广泛。png和gif都是无损格式。

7.CSS font-family共五个字体系列：sans-serif,serif,monospace,cursive和fantasy，每个系列包含大量字体。

serif包含有衬线（字母末端装饰性的小细线）的字体，比如新闻报纸的文字排版。

sans-serif即无衬线，在计算机屏幕上一般比serif文字易识别。

monospace包含固定宽度的字符，比如一个“a“和一个”i“占的宽度相同，像打印机打出来的，一般用于软件代码展示。

cursive包含看似手写的字体，在标题中看到。

fantasy则包含各种风格。一般font-family属性包含一个候选字体的列表（前面的字体优先），最后总是放一个通用字体系列名比如sans-serif或serif，以便实在找不到字体时使用。当然可以在css中用@font-face强加一个字体。

font-size：调整字体大小，三种写法。第一种直接font-size：12px，直接指定大小。第二种百分比表示font-size：150%或者font-size：1.2em（大小比例为1.2），表示是父元素继承过来字体的百分比大小。最后一种关键字表示font-size：small（xx-small，x-small，small，medium，large，x-large，xx-large）。一般选用一个关键字如small作为body的字体大小，即相当默认字体大小，然后根据需要用百分比表示其他元素的字体大小。如果body中用百分比表示，则是相比于浏览器默认字体。

font-style：italic 字体为斜体。虽然将字体放入<em>标签也会有这种风格，但<em>只是为了强调，而且样式不一定总是显示为斜体。

font-weight：normal（bold，bolder，lighter）控制文本的粗细。

text_decoration:underline，只会在文本下面，而border-bottom线会延伸到页面边缘。

text_decoration: overline：上划线，line-through：文本中穿过的线。