css/html
吴杼恩
这个作者很懒,什么都没留下…
展开
-
解耦HTML、CSS和JavaScript
当前在互联网上,任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS和JavaScript。随着互联网运用的发展以及我们对它的依赖性日益增加,设定一个关于组织和维护你的前端代码的计划是绝对需要的。 当今的一些大型互联网公司,由于越来越多的人会接触到日益增加的前端代码,它们会试图去坚持代码的模块化。这样更改程序的部分代码,并不会无意中过多地影响后续不相关部分的执行过程。转载 2014-10-25 15:52:01 · 725 阅读 · 0 评论 -
table colspan 影响到其他td的宽度
问题页面:解决方法:加上这个CSS:"table-layout:fixed;" .sf-pd-table{ table-layout:fixed; }原创 2016-08-26 13:55:56 · 1667 阅读 · 0 评论 -
html/CSS基础知识回顾
html部分块级元素:一般用来搭建网站架构,布局,装载内容...像这些大体力的活都属于块级元素。它包括以下标签:address,blockquote,center,dir, div, dl, dt, dd, fieldset, form, h1~h6, hr, isindex, menu, noframes, noscript, ol, p, pre, table, ul.内嵌元素原创 2015-01-12 11:43:29 · 621 阅读 · 0 评论 -
CSS分页
居中分页DIV CSS .pages{text-align: center;}.pages li{display: inline-block;margin:5px 1px 0 0;}.pages a{display:block;color: #000;height:23px;line-height:23px;padding:0 8px;background:#fff;border:1p原创 2015-01-15 09:52:52 · 618 阅读 · 0 评论 -
你未必知道的css小知识
1:当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如padding-top,padding-bottom,margin-top,margin-bottom等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度来计算的。2:css里的empty-cells属性是所有浏览器都支持的,甚至包括IE8,它的用法是下面这个样子:tab原创 2014-12-30 11:51:24 · 632 阅读 · 0 评论 -
一些常用的html/CSS效果---小技巧
我常用的重置样式表reset.css/*===============基础信息================*/*{border: 0;padding: 0;margin: 0;} table {border-collapse:collapse;border-spacing:0;} ol,ul {list-style:none;}h1,h2,h3,h4,h5,h6 {font-si原创 2015-01-12 14:00:27 · 1044 阅读 · 1 评论 -
解决float浮动带来的父元素高度没有的问题---清除浮动
测试为IE5+1:在父元素的里面浮动元素的后面添加一个样式为clear:both;的元素;缺点是添加了无用的标签元素;.clear{ clear:both; height:0px; font-size: 1px; line-height: 0px;overflow:hidden; }/* 清除浮动*/原创 2015-01-12 15:52:35 · 971 阅读 · 0 评论 -
不含类解决最后一个li边距问题
--> Example | xHTML1.0 *{margin:0;padding:0;} .dome{width:640px; height:200px; margin:20px auto; border:1px solid #f00;} .dome ul{margin-left:-80px;} .dome ul{disp原创 2014-11-25 12:19:08 · 983 阅读 · 0 评论 -
如何写好CSS?(OOCSS\DRY\SMACSS)
我现在面对的CSS基本上就是一个三头六臂的怪物,一点不夸张,因为真的是三头六臂,同一个样式在同一个element上作用了好几遍,而同一个样式又分散在4,5个class上,优先级有很多层。可以看得出这个怪物不是一个人造就的,早期的开发者选择了SCSS技术,但混乱的import导致了一些基本的样式被多次调用,而后面的开发者又为了摆脱之前的混乱引入了其他共用样式,但无济于事。原因出在HTML上,CSS依转载 2014-10-30 12:47:14 · 1012 阅读 · 0 评论 -
你可能不知道的CSS的一些属性
1:unicode-bidi 属性与 direction 属性一起使用,来设置或返回文本是否被重写,以便在同一文档中支持多种语言。用法:unicode-bidi: normal|embed|bidi-override|intitial|inherit;值描述normal默认。不使用附加的嵌入层面。embed创建一个原创 2016-09-09 10:25:34 · 449 阅读 · 0 评论