清爽绿色格调图文box通用样式

一.CSS reset body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; } input,textarea,select{ font-size:100%; font-family:inherit; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; } h4,h5,h6{ font-size:1em; } ul,ol{ padding-left:0; list

51先在学校HTML5已经有半个多月了,然后这个星期做了一个京东的手机网站,接触到了通用样式,下面以京东的手机站为例 这两个就是京东手机站了的不同的两个板块,因为HTML5仅仅只是学完了基本标签跟css的标签,所以在没有接触通用样式之前很可能就是这两个板块就是两个不同的代码了,然后就会导致css文件里面的代码会非常的多,也会是比较混乱的,不能够清楚明了的看懂.而且应用的通用样式就是可以用一套代码来搞定各个类似板块,并且每个板块不同的地方仅仅需要微调就可以了.这样不仅仅使代码明了,而且还会很省事,

/*===========================================通用样式========================================*/ body,p,ul,ol,dl,dd,hr,h1,h2,h3,h4,h5,h6,figure,ul,ol,th,td,button,input,fieldset,legend,textarea,option{margin: 0;padding: 0;} table{border-collapse:collapse;

装饰器本质上是一个函数,该函数用来处理其他函数,它可以让其他函数在不需要修改代码的前提下增加额外的功能,装饰器的返回值也是一个函数对象.它经常用于有切面需求的场景,比如:插入日志.性能测试.事务处理.缓存.权限校验等应用场景.装饰器是解决这类问题的绝佳设计,有了装饰器,我们就可以抽离出大量与函数功能本身无关的雷同代码并继续重用.概括的讲,装饰器的作用就是为已经存在的对象添加额外的功能.-----该段内容摘自知乎 我们可以定义一个通用的装饰器,当需要使用装饰器时,可以直接套用这个样式. 下面是一个

版式 标题 H1 到 H6 标题标签进行的优化.这里将不针对标签而是标题类 .H1 到 .H6.小程序仅识别 VIEW 标签. 重设上下边界为固定值,默认为一个行高距离,优化后统一为上 20 像素.下为 10 像素,h4 到 h6 距离顶部为 10 像素且不分标题级别,全部统一样式 固定所有标题行高为 1.1,避免行高因标题字体大小而变化,同时也避免不同级别标题行高不一致,影响版式风格统一 固定不同级别标题字体大小,依次为 36px 30px 24px 18px 14px 12px.这里将像素单

*,::after,::before{ margin: 0; padding: 0; /*盒子模型*/ box-sizing: border-box; -webkit-box-sizing: border-box; /*字体*/ font-family: '微软雅黑', sans-serif; /*取消默认点击高亮效果*/ -webkit-tap-highlight-color: transparent;} /*去除默认的样式*/ol,ul{ list-style: none;}input{ b

初始化一些常见html标签,更好的配合bootstracp,使页面更美观. (想起来就开个头,待补充--) 1 input[type="text"]{ 2 height: 30px; 3}

@charset "utf-8";html,body,a,h1,h2,h3,h4,h5,h6,p,a,b,i,em,s,u,dl,dt,dd,ul,ol,li,strong,span,table,th,tr,td,img,div,form,fieldset,legend,input,button,select,option,textarea,label,iframe { margin: 0; padding:0}a{ text-decoration: none;}ol,ul,li{ l

DOM操作表格及样式 学习要点:1.操作表格2.操作样式 DOM在操作生成HTML上,还是比较简明的.不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了.本章主要了解一下DOM操作表格和样式的一些知识. 一.操作表格<table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTML DOM来操作它.(PS:HTML DOM提供了更加方便快捷的方式来操作HTML,有手册). //需要操作table<table border = "1