zoukankan      html  css  js  c++  java
  • html&css笔记(1)

    本文是在阅读《head first html and css》时记下的一些需要注意的地方。

    第3章

    浏览器不会显示html文本中的空白符和换行。

    标签的属性用来定义一个元素。p53

    href hypertextreference(超文本引用),是互联网或者计算机上的一个资源的别名。注意是文本,也可以把<img>放在a标签中间  p53

    href是追踪从源文件到目标文件的路径。 p61

    无论操作系统是什么,对于网页,使用统一的分隔符“/”(斜线) p65

     <q>代表引用,使页面更结构化、更有意义。浏览器也能更为合适地处理这样的元素 p87

    <q>是短引用(内联元素),作为段落的一部分,<blockquote>是长引用(块元素),需要单独显示。p90

    <br>表示换行,是空元素,也叫void元素。<img>同 p99

    除非编写与xhtml兼容的页面换行写为<br/>,否则,都要用<br>. p99

    字符实体(character entity)用来表示特殊的字符,比如>和<,以及&符号。p112

    第4章

    在点击<a>元素中的文本时,浏览器利用href中的相对路径和当前页面的路径组合成目标文件的绝对路径。p137

    用id链接到目标需要在链接最后用“#标识符”来标识,比如href=“index.html#top",其中top是ID。p151

    使用target=”_blank"属性表示在新窗口中打开一个网页。其值表示打开网页的目标窗口,为空就代表在新窗口中打开,非空时比如target=”coffee“,其实就是在对新窗口命名,以后再指定目标为coffee窗口的页面就会在该新建窗口中打开。p156

    第5章

    <img>是空元素,它只是指向一个图像,实际上浏览器显示页面时,图像会取代<img>元素。 p172  

    <img>的alt属性提供了对图像的描述,在图像显示失败时,会显示alt内容。  p173

     <img>如果没有指定width和height属性,则浏览器会自动指定图像的宽度,在下载图像之后再根据图片的大小重新调整布局。 p174

     虽然可以通过width、height属性调整图像的显示大小,但浏览器还是会下载原始图像,这样会导致流量浪费,所以可以通过事先修改图片调整。p187

    <img>是内联元素 p195

    第6章

    W3C标准验证工具 p233

    不允许在void元素中嵌套其他内联元素。p246

    第7、8章

    <link>元素是void元素,需要指定rel、href属性。 p275

    <font>和<center>元素以及过时了,以后不要再用 p278

     css总是使用最特定的规则 p285

    可以为一个元素指定多个类,同时放在class属性中,各个类之间用空格分开。 p291

    font-family属性最后总是放一个通用的字体系列名,如serif.  p317

    @font-face创建一个web字体,该样式要放在样式表最前面。p326

    关键字定义字体大小在很多浏览器中并不相同,关键字如small、medium、large p330

    可以这样定义字体大小,先用关键字定义默认字体大小,然后再用em或者%指定子元素字体大小。这样做也便于统一修改。最好不要用像素指定字体大小。 p330

    斜体(italic)是一种字体风格,倾斜(oblique)是浏览器将字体倾斜。p337

    如果需要为文本指定上划线和下划线,则需要在一个text-decoration中同时指定,不能在两个装饰中同时声明,这样会叠加。 p353

     color实际上控制着一个元素的前景色,所以它会控制文本和边框颜色 p353


    Shopee(虾皮)内推点击此处,岗位多多地,薪资高高地



    转载请注明出处


  • 相关阅读:
    圣杯局部和双飞翼布局
    解决css英文换行问题
    存在即合理--字体样式大全
    存在即合理---个别软件下载
    sublime Text3常见插件汇总
    省略的方法
    JS数组方法与python列表方法的比较
    vue中数据改变,强制视图更新,视图不更新的原因和解决办法
    Vue通信
    路由的缓存
  • 原文地址:https://www.cnblogs.com/zhangcaiwang/p/6202297.html
Copyright © 2011-2022 走看看