随笔分类 -  HTML+CSS

CSS(层叠样式表)
摘要:的四种状态A:link 连接平常状态A:hover 鼠标放上去的时候A:active 鼠标按下的时候A:visited 连接被访问过后的状态target属性_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并... 阅读全文
posted @ 2015-08-03 13:50 KSnow 阅读(993) 评论(0) 推荐(0)
摘要:用于表单的HTML标签HTML 标签 定义和用法 fieldset 元素可将表单内的相关元素分组。 标签将表单内容的一部分打包,生成一组相关表单的字段。 标签为 fieldset 元素定义标题。fieldset 定义域 legend 定义域标题1 2 3 用户表单4 5 6 7 HT... 阅读全文
posted @ 2015-06-12 12:11 KSnow 阅读(385) 评论(0) 推荐(0)
摘要:第一种方式:因为浮动框不在普通的文档流中,所以它不占据空间。如下面的代码:.news { background-color:gray; border:1px solid black;}.news img { float:left;}.news p { float:right;} Some text... 阅读全文
posted @ 2015-06-09 16:44 KSnow 阅读(480) 评论(0) 推荐(0)
摘要:1.定位的专业解释(1)语法position : static (静态)| absolute(决定定位) | fixed(固定定位) | relative (相对定位) position:absolute;position:relative绝对定位使用通常是 父级定义position:relativ 阅读全文
posted @ 2015-05-19 16:12 KSnow 阅读(166) 评论(0) 推荐(0)
摘要:1.font:12px Arial, Helvetica, sans-serif;使用了缩写,完整的代码应该是:font-size:12px; font-family:Tahoma;说明字体为12像素大小,字体为Arial, Helvetica, sans-serif格式;2.margin:0px;... 阅读全文
posted @ 2015-05-15 14:35 KSnow 阅读(865) 评论(0) 推荐(0)
摘要:CSS代码1 .wap{2 width:500px;3 height:300px;4 float:left; 5 margin-left:50%;6 position:relative; 7 left:-250px; 8 background-color:#CCC; 9 }代码解读首先设置块元素的宽... 阅读全文
posted @ 2015-05-14 17:25 KSnow 阅读(956) 评论(0) 推荐(0)
摘要:布局方案等高布局有几种不同的方法,但目前为止我认为浏览器兼容最好最简便的应该是padding补偿法。首先把列的padding-bottom设为一个足够大的值,再把列的margin-bottom设一个与前面的padding-bottom的正值相抵消的负值,父容器设置超出隐藏,这样子父容器的高度就还是它... 阅读全文
posted @ 2015-05-14 15:52 KSnow 阅读(773) 评论(0) 推荐(0)
摘要:CSS Sprites在国内很多人叫css 精灵,是一种网页图片应用处理方式。就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background 阅读全文
posted @ 2015-05-14 14:22 KSnow
摘要:一、什么是DOCTYPEDOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。... 阅读全文
posted @ 2015-05-14 11:47 KSnow 阅读(8898) 评论(0) 推荐(0)
摘要:1 13 14 圆角底部15 内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里16 圆角底部17 学习与分享div+css的平台:http://www.divcss5.com/文章摘自:http://www.cnblogs.c... 阅读全文
posted @ 2015-05-12 17:18 KSnow 阅读(654) 评论(0) 推荐(0)
摘要:在进行页面的 DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法 也是“见机行事”,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考。... 阅读全文
posted @ 2015-05-12 16:27 KSnow 阅读(227) 评论(0) 推荐(0)
摘要:文章链接:http://bbs.blueidea.com/thread-2692909-1-1.html 阅读全文
posted @ 2015-05-12 16:11 KSnow 阅读(128) 评论(0) 推荐(0)
摘要:只是一个范围参考,主要是看能力而定。1. 切图熟练、能写一些JS效果(HTML+CSS+jQuery):5K~10K+2. 具备第一条,并可以熟练用JS开发各种组件:8K~15K+3. 具备第二条,熟悉1~N个后端语言:13K~30K+4. 具备第三条,对前端架构、性能优化方面有深入了解:20K以上 阅读全文
posted @ 2015-05-12 15:55 KSnow 阅读(330) 评论(0) 推荐(0)
摘要:1.网易body { text-align: center; font-family:"宋体", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}div,form,img,ul,ol,li,dl,dt,... 阅读全文
posted @ 2015-05-12 14:02 KSnow 阅读(530) 评论(0) 推荐(0)
摘要:鉴于实在无法忍受那种写一句就换一行的css写法,有个项目中的一个css文件竟然高达6000多行,看着实在蛋疼,无实今天下定决心整理一下,在DW里可以用正则很好的进行替换,步骤如下:一:\r => ''二:} => }\n二:{\s+ => {四:;\s+ => ;五:\/(\*([^\/])+\*)... 阅读全文
posted @ 2015-05-12 11:35 KSnow 阅读(275) 评论(0) 推荐(0)