一个制作矢量图标(SVG)的网址:https://icomoon.io/
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
在heade标签中使用base标签设置基准URL,在html文档的其他地方使用到a标签的时候,hreft的值就可以直接是一个文件的名称最后生成的连接地址会是:http://serverName/FolderName/page2.html
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
form标签一般有3种编码格式:application/x-www-form-urlencoded编码(默认编码除文件上传外都可以使用)、multipart/form-data编码(文件上传使用) 以及text/plain编码(没有正式规范,不推荐使用)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
Document
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
Document
CSS属性
box-sizing:border-box;
使用position:absolute 会让当前元素相对于其父元素来设置一个绝对位置,但是父元素的位置不能是position:static(如果一个元素不设置position属性,那么起默认为static)。所以要用position:absolute相对于父容器的位置的时候,可以为其父容器增加一个position:relative
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
ime-mode: disabled;
页面布局:
一列布局:通常作为网站的首页,页面内容较少。页面通常是固定宽度的。
两列布局:一般自适应宽度的两列布局很少,通常都是固定宽度的两列布局。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
单列布局
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
Document
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
Document 简介:如何用CSS进行网页布局?这可是前端工程师最最基本的技能,本课程教你怎么制作一列布局、二列布局、三列布局当然还有最通用的混合布局,而且你还可以选择让它固定还是自适应。用CSS重新规划你的网页,让你的网页从此更美观、更友好。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
Document 200px简介:如何用CSS进行网页布局?这可是前端工程师最最基本的技能,本课程教你怎么制作一列布局、二列布局、三列布局当然还有最通用的混合布局,而且你还可以选择让它固定还是自适应。用CSS重新规划你的网页,让你的网页从此更美观、更友好。300px
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
混合布局