构建响应式网站概述响应式网站的组成 灵活的图像和媒体 灵活的、基于网格的布局（流式布局）：所有的width都用%设置，其他水平单位通常使用em。 媒体查询：可以根据媒体特征对设计进行调整。 创建可伸缩图像步骤： img标签省略width和height属性。 在css中为每个图片应用max-wid ...

用css进行布局[TOC] 注意事项 内容与显示分离 布局方法： 固定／响应式（流式） 浏览器兼容性注意。 构建页面 恰当的使用article，aside，nav，section，header，footer，div 按照合理的顺序放置元素，使其在不使用css的情况下也是合理的。 以一致的方式使用页 ...

为文本添加样式[TOC] 选择字体系列font-family: name 包含多个单词的字体因该用引号。 字体名可以全为小写 select，textarea，inport不会继承父元素中的字体定义。可以使用select, textarea, inport{font-family:inherit};显 ...

定义选择器选择器 决定将格式引用到哪些区域 声明 决定如何显示元素 构造选择器 元素的类型或名称 class 元素的上下文 body p （body元素里面的p） 元素的id 元素的伪类或伪元素。 元素是否有某些属性或者值。 按名称选择元素*通配符匹配所有元素名称。 使用一组元素选择器时，因该使用 ...

操作表达式外部样式表@import可以在css文件中引用其他文件 <link ref="stylesheet" href="main.css"/> 一个页面中如果出现多个link那么当发生声明冲突的时候，后面加载的将覆盖前面。 media可以现在在 ...

css构造块<link rel="stylesheet" href="style.css">[TOC] 构造样式规则为样式规则添加注释/****/ 继承如果子元素中没有定义特殊的样式，那么它会继承父元素中的某些样式。 会继承的样式： 1234567 ...

链接[TOC] 分为目标和标签两种 创建指向另一个地址的链接<a href="page.html">page</a> rel属性表示当前页面与href中的链接的关系，external表示外链的链接。 title属性表解释性文字。 块级链接html5中a链接 ...

图像

文本

基本html结构