zoukankan      html  css  js  c++  java
  • head First HTML与CSS读书笔记

    调整图片大小
    有滚动条的图片可给不了好的用户体验,为了让图片的大小更适合浏览器窗口。这时候就需要对图片的大小进行调整看书之前。
    我调整图片大小的方式是在<img>元素使用 width 和 height 属性。书中不建议这样做。

    因为这样做仍然会下载完整的大图像,然后让浏览器来完成调整图片大小的工作,而且有些浏览器还不支持这个功能(比如低版本IE)→_→而且增加网页质量。
    最优的解决方法
    使用图片处理软件,比如photoshop来调整图片大小,并保存JPEG格式。为什么用JPEG格式?因为JPEG格式允许你需要的图像质量等级。等级越低,文件越小
                                                                          P180~188 TIME2016/5/13
    visibility: hidden;
    常用的display值是 none 。一些特殊元素的默认 display 值是它,例如 script 。 display:none 通常被 JavaScript 用来在不删除元素的情况下隐藏或显示元素。
    
    它和 visibility 属性不一样。把 display 设置成 none 不会保留元素本该显示的空间,但是 visibility: hidden; 还会保留。
    html头部定义解析
    
    html4.01 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    HTML 表示这个<html>是页面的根(第一个)元素,
     PUBLIC 表示HTML4.01标准是公共可用的。
    "-//W3C//DTD HTML 4.01 Transitional//EN" 表示这个页面是使用HTML4.01版本,另外这个html标记用英语编写
    "http://www.w3.org/TR/html4/strict.dtd" 这指向一个文件,标示这个特定的标准。
    
    XHTML 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml111/DTD//xhtml111.dtd">
    !DOCTYPE HTML PUBLIC 仍然是一个html版本,xml与xml的版本
    DTD XHTML 1.1 这个对应XHTML1.1版本
    http://www.w3.org/TR/xhtml111/DTD//xhtml111.dtd 指向xhtml1.1的定义
  • 相关阅读:
    c#自动更新+安装程序的制作
    VS2013项目受源代码管理向源代码管理注册此项目时出错
    WinDbg配置和使用基础
    InstallShield Limited Edition for Visual Studio 2013 图文教程(教你如何打包.NET程序)
    PowerDesigner 如何生成数据库更新脚本
    用户故事(User Story)
    Troubleshooting Record and Playback issues in Coded UI Test
    Coded UI
    compare two oracle database schemas
    How to: Use Schema Compare to Compare Different Database Definitions
  • 原文地址:https://www.cnblogs.com/lijinwen/p/5488945.html
Copyright © 2011-2022 走看看