你的位置:首页 > 软件开发 > 网页设计 > 《Head First HTMLCSS》笔记

《Head First HTMLCSS》笔记

发布时间:2016-03-09 10:00:11
void元素是指HTML页面中开始标记和结束标记之间没有任何内容的元素。应当使用相对链接来链接同一网站中的页面,而用URL来链接其他网站上的页面。浏览器读取计算机本地文件时会使用file协议。文件URL后面有3个斜线。通常默认传输的端口是80。a元素有一个title属性,用来提供 ...
  • void元素是指HTML页面中开始标记和结束标记之间没有任何内容的元素。
  • 应当使用相对链接来链接同一网站中的页面,而用URL来链接其他网站上的页面。
  • 浏览器读取计算机本地文件时会使用file协议。文件URL后面有3个斜线。
  • 通常默认传输的端口是80。
  • a元素有一个title属性,用来提供链接的信息。
    • a元素可以带一个id属性,从而直接访问页面中的一个特定点。不论是相对链接还是URL,要链接到页面中的一个特定目标,只需要在链接最后加一个#,再加上目标标识符。
  • 可以为任何元素添加title和id属性。
  • id要以一个字母开头(A~Z或a~z),后面可以是任意字母、数字、横线、下划线、冒号或点号。 要在新窗口打开一个页面,需要告诉浏览器你要打开的窗口名。如果没有告诉浏览器要使用哪个特定的窗口,浏览器就会在同一个窗口中打开这个页面。可以为a元素添加一个target属性,告诉浏览器使用一个不同的窗口。如果使用“_blank”作为目标,浏览器就总是打开一个新窗口显示页面。如果指定另一个名字,如“coffee”,那么有相同目标名“coffee”的所有链接都会在同一个窗口中打开。(经测试,chrome正常,IE11会在不同窗口打开。)
  • 典型的URL是由一个协议,一个网站名和资源的一个绝对地址组成的。(如域名是glorywu.com,而网站名是www.glorywu.com,也可以是code.glorywu.com或wade.glorywu.com等等。)
  • Web上最常用的3种图像格式:JPEG、PNG和GIF。
    • 照片和复杂图像使用JPEG。JPEG包含1600万种颜色,有损格式,会丢掉一些信息,不支持透明度和动画,文件小。
    • 单色图像、logo和几何图形同PNG或GIF
    • PNG:包含上百万种颜色,无损格式,不会丢失信息,允许设置“透明”,使图像下面的东西可以显示出来,文件比相应的JPEG大。
    • GIF:包含256种颜色,无损,只允许设置一种颜色为“透明”,文件比相应PNG大,支持动画。
  • 《Head First HTMLCSS》笔记是一个内联元素。《Head First HTMLCSS》笔记元素只是指向图像,图像本身并不是HTML页面的一部分。HTML页面是纯文本的。《Head First HTMLCSS》笔记元素的alt属性可以在图像无法显示时,会显示一些文本取代它。(chrome:有破损图,无字。IE:有图有字。Firefox:无图有字。)可以通过width和height属性调整图像大小(宽度最好小于800像素)。浏览器在下载了HTML文件并开始显示页面之后才开始下载图像。同时,浏览器在缩放图像使之适应页面大小之前,需要先获取完整的图像,所以最好直接更改源文件的尺寸。
  • 反锯齿(anti-aliasing)处理可以相对于背景色柔化边缘。
  • 如果省略所有元素名,只有一个点,然后是类名,那么这个规则就会应用到这个类的所有成员。
  • 一个元素可以加入多个类,把各个类名放在class属性中,各个类名之间用一个空格分隔。类名的顺序并不重要。
  • 当多个选择器选择一个元素时,如果一个规则比其他规则更特定,它就会胜出。而如果它们的特定程度相同,就选择CSS文件中最后列出的那个规则。
  • 用font-family控制使用的字体;用font-size控制字体大小;用color控制文本颜色;用font-weight控制字体粗细;用text-decoration为文本增加更多风格(上划线、下划线、删除线)。
  • 每个font-family包含一组有共同特征的字体。包括sans-serif、serif、monospace(固定宽度)、cursive(手写)和fantasty(某种风格)。
  • 使用font-family属性可以指定多个字体。首先是首选字体,其次是一些候选字体,即首选字体不可用时使用的字体,最后放一个通用的字体系列名(一般为浏览器默认的字体),它与列表中指定的所有其他字体应该在同一个字体系列中。大多数PC上都有Verdana字体,大多数Mac上都有Geneva字体,Arial在PC和Mac上都很常见。如果一个字体名中包含有空格,要给字体名加上引号。
  • woff:Web open font format。Web字体首选web开放字体格式,TrueType作为候选。TTF和WOFF字体格式在IE8及以前的版本中不可用。Embedded OpenType仅IE支持。
  • @font-face规则告诉浏览器:要加载由src URL指定的字体文件。浏览器会尝试加载每一个src文件,直到找到它能支持的一个文件。一旦加载,会为这个字体分配font-family属性中指定的名字。
  • 调整字体大小的几种方法
    • font-size: 14px; 使用像素指定字体大小,老版本的IE将不支持文本缩放。
    • font-size: 150%; 指定一个百分数字体大小时,就是相对于父元素的字体大小。
    • font-size: 1.2em; 同上。
    • font-size: small; 可以把一个字体大小指定为xx-small,x-small,small.medium,large,x-large或xx-large,浏览器会把这些关键字转换为像素值,它会使用浏览器中定义的默认值来完成这个转换。这些关键词中,每个关键词对应的大小大约比前一个大20%,small通常定义为12px。
  • 指定字体大小的推荐方法
    • 选择一个关键字(推荐small或medium),指定它作为body规则中的字体大小。这相当于页面的默认字体大小。 

      原标题:《Head First HTMLCSS》笔记

      关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。