html&css&js
lihfqq
这个作者很懒,什么都没留下…
展开
-
正确声明htm文档类型
正确声明文档类型 DOCTYPE 文档定义的作用是,在 HTML 标签出现之前,它告诉浏览器这个页面使用的是 HTML 还是 XHTML 或者是两者的混合。正确的 DOCTYPE 才能使网页被正常解析。 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签;它是指示...原创 2014-09-26 17:28:56 · 307 阅读 · 0 评论 -
CSS Sprite精灵技术
技术背景: 将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。 对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。加速的关键,不是降低质量,而是减少个数。 CSS Sprite的技术原理? CSS的“background-image”,“back...原创 2014-09-29 16:50:59 · 124 阅读 · 0 评论 -
htm盒子模型与定位
以下图片,详细清晰的讲明了盒子模型。 行内元素之间的水平距离 当两个行内元素并排紧邻时,它们之间的距离为margin-left和margin-right之和。 注意,对于行内元素,margin-top,margin-bottom无效果。 块级元素之间的竖直距离 两个块级元素之间的距离不是margin-bottom与margin-top总和,而是两者中的较大者。 盒...原创 2014-09-29 01:07:18 · 172 阅读 · 0 评论 -
htm列表使用心得
当需要展示列表数据,首先考虑使用列表元素,虽然div+css也能实现。 list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。 list-style-image 将图象设置为列表项标志。(常用背景图替代它) list-style-position 设置列表中列表项标志的位置。 list-style-type 设置列表项标志的类型。 ...2014-09-29 01:06:59 · 142 阅读 · 0 评论 -
css选择器
选择器的分类: 标记选择器 ID选择器 类选择器 复合选择器 交集选择器 并集选择器 后代选择器 可以在任何选择器后面,加上属性选择。如:a[target=_blank] 选择器--标记选择器 <style type="text/css"> p{text-align:center;color:red;} </style>...原创 2014-09-28 15:29:40 · 68 阅读 · 0 评论 -
htm块元素和内联元素
html元素可以分为三大类:顶级、块级、行级(内联) 1. Top-level element 【顶级元素】: { html, body, frameset } 属于高级块级元素. 2. Block-level element 【块级元素】: { p, h1~h6, div, ul,li } 以块显示的元素,高度宽度都是可以设置的。 块级元素比较霸道,默认状态下每次...原创 2014-09-28 14:15:52 · 139 阅读 · 0 评论 -
html格式标签
html文件会忽略制表符,回车,还有大多数的空格。 html加这些符号只是为了提高html文件的可读性。 html是根据标记来确定哪里是分行或分段。 这些换行、空格、制表符都没有任何效果,只是为了可读性。 <body> 床前明月光, 疑是地上霜。 举头望明月, 低头思故乡。 </body> 用包围文件的标记,告诉浏览...原创 2014-09-28 13:38:44 · 70 阅读 · 0 评论 -
htm line-height
line-height行高:文本样式,即可以用在块元素,也可以用在内联元素。(因为块和内联都可以直接包含文本) 也可以设置在文字样式font中,如font-size/line-height(font: normal 12px/24px Arial, Helvetica, sans-serif;) div { line-height:1em; font-size:10mm; backg...2014-09-28 12:47:25 · 89 阅读 · 0 评论 -
css样式简写
简写是 css 高效写法之一,简写能让你的css文件更小更易读。 font字体样式的缩写: font:font-style(样式) font-variant font-weight font-size/line-height font-family 注意:如果定义了部分字体样式属性,同样也可以缩写,但font-size和font-family这两项必须定义,且位置按顺序排在值列表的...原创 2014-09-28 00:59:14 · 285 阅读 · 0 评论 -
htm表格使用心得
什么时候需要table 当需要展示表格数据时,我们就使用<table>来展示 表格用于展示表格式数据,表格的作用不在于外观,外观是css的工作。 排版和列表不是表格做的事情,应该各尽其职,使用列表或者DIV实现表格,是不合适方法。 我们把表格中每一小块数据叫做单元格。 我们需要在表格数据和单元格之间添加补白,使得单元格数据更易阅读。 表格单元的确...2014-09-27 22:18:50 · 145 阅读 · 0 评论 -
htm经验积累
在 head 标签中引入所有 CSS 样式文件 理论上讲,你可以在任何位置引入CSS样式表,但HTML规范建议在网页的head标记中引入,这样可以加快页面的渲染速度。 在雅虎的开发过程中,我们发现,在head标签中引入样式表,会加快网页加载速度,因为这样可以使页面逐步渲染。—— ySlow团队 <head> <title>窗外赏雪</title> ...原创 2014-09-26 18:08:12 · 86 阅读 · 0 评论 -
css伪类before和after原理与使用(原)
伪类before和after用于在被选元素的内容前面或后面插入内容。 请使用 content 属性来指定要插入的内容。(只能插入内容) 可以设置所插入内容的样式。 直接上代码: div {width:200px; border:1px solid #000; line-height:50px; margin:10px;} .after,.before {border:1px ...原创 2014-10-11 18:31:59 · 714 阅读 · 0 评论