Sparrowflying的博客

H5建议将网页的两大部分【内容与样式】分开来处理，即HTML负责页面框架内容，CSS负责控制样式。这样做的好处是分工明确，条理清晰，方便编写与后期修改。1、HTML引用CSS的方式HTML引用CSS的方式一般可分为三种：1、引用外部样式表【最常用】；2、在HTML头部区（即开始&结束标签之间）编写样式，样式可被当前HTML应用；3、在HTML内容区（即开始&结束标签之间）直接编写元素样式，

用sublime编写的 html 静态页面，用浏览器直接打开是没有问题的，改为 jsp 后通过 IDEA 打开，发现页面顶部样式出现空白，检查浏览器代码发现head的内容跑到body里面去了。解决办法：将错误页面的代码复制到notepad++，采用以utf-8以无domg格式编码，保存。替换掉原文件，问题解决。

注：此文无内容标签指的是自闭合标签。只有自闭合标签（即标签内部必须空白的）能使用自关闭形式。非自闭和标签（即标签内部允许包含数据的）不能使用自关闭写法。譬如，有人把 script 写成自关闭的形式，是错误的。常见的自闭合标签为： 不常见的自闭合标签为： 那么，无内容标签，到底闭合还是不闭合？

【原理1】：window对象的name属性特征 —— name 属性可设置或返回存放窗口的名称的一个字符串，同一个浏览器窗口或同一个 iframe 载入的页面共享一个window.name。意思是只要你不关闭页面，仅仅改变网址的话， window.name 是不会变的，而且每一个打开的页面都能获取并修改 window.name 的值。【原理2】：父页面能够通过 iframe 的 contentWi...

1、url —— 需要将少量数据传给下一页，可以直接加在url上如（1）设置下一页链接 https://www.test.com/index.html?type1（2）使用window.location.search 获取 href 属性中跟在问号后面的部分示例：var test = window.location.search;alert(test);返回：?type12、localStorag...

1、【盒模型】盒模型：html文档中的每个元素都被描绘成矩形盒子，这个模型称为盒模型。盒模型包括：margin（外边距），border（边框），padding（内边距），content（内容区域）。元素占据的空间：margin+border+padding+content。正常盒模型：属性width/height = content宽高。IE盒模型 （ IE 5 和 6 ）

HTML元素嵌套约束分为：严格嵌套约束、语义嵌套约束两种。【严格嵌套约束】—— 在所有的浏览器下都不被允许；inline-Level 元素，仅可以包含文本或其它 inline-Level 元素;里不可以嵌套交互式元素、、等;（经chrome测试包含可以正常运行）里不可以嵌套块级元素、~、、//、//、等。【语义嵌套约束】—— 语义嵌套约束，浏览器大多会容错处理，生成的文档树

使用官方API开启百度测距后，浏览器显示测距点和鼠标位置不一致。解决方法：将http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">中的DistanceTool_min.js文件下载下来，修改后本地调用。修改位置：（注此处小x,y,e为变量，共有六处需要修改）var x = e.lay

CSS布局与定位——height百分比设置无效/背景色不显示html元素属性width和height的值有两种表达方式，一是固定像素如“100px”，一是百分比如“80%”，使用百分比的好处是元素会按父元素宽高自动调节大小，有更好的自适应性，但由于元素默认宽度有效，默认高度无效，因此父元素为时width="100%" height="100%"，其高度设置是无效的，

CSS定位方式为网页布局要点，而Positioning(定位)四种属性为掌握布局的基础。1、Static 定位  （即静态定位）要点：html元素默认定位方式；在正常的文档流中，占据空间；top/bottom/right/left属性对其无效；z-index层叠属性对其无效；absolute定位元素不受其影响；2、Relative 定位 

1. css 设置文字超出长度用省略号代替，下面四个属性缺一不可width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;2.鼠标悬停显示全文title="全文全文全文全文全文全文全文";3.应用【 display:inline-block； 】后引起行内元素向下偏移添加样式：vertical-align: bott...