书写HTML结构的时候，对于标签的嵌套问题，在我发现这个问题之前，都不在自己的考虑之中，还傻傻的以为标签之间是可以进行百搭的！ 其实，有些标签是不能进行随意嵌套，如果你没有深受其害，你是不会发现它的存在的，更不会体会到它能带给你的那种抓狂感！ 那么究竟是...

2018-06-24 01:24:57

1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="utf-8" 5 style 6 .shadow { 7 text-align : center ; 8 /* 背景颜色线性渐变 */ 9 /* 老式写法 */ 10 /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */...

2018-06-24 01:24:40

语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助...

2018-06-24 01:24:43

IE6IE7Firefox浏览器不兼容原因及解决办法 一、IE6IE7Firefox浏览器不兼容原因及解决办法 1.文字 本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占 高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，oper...

2018-06-24 01:24:37

要介绍css的float浮动属性，就必须先了解一下标准文档流 标准文档流： 在没有css的干预下，块级元素独占一行，可以设置宽高，行内元素并排显示，宽高自动填充。 HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 float浮动属性最开始的用...

2018-06-24 01:24:32

1、bootstrap 排版 全局样式style.css： 1、移除body的margin声明 2、设置body的背景色为白色 3、为排版设置了基本的字体、字号和行高 4、设置全局链接颜色，且当链接处于悬...

2018-06-24 01:24:35

直接上代码: input[type="radio"],input[type="checkbox"] { -webkit-appearance : none ; outline : none ;} input[type="radio"] { position : relative ; width : .12rem ; height : .12rem ; border : 1px solid #186D9A ; border-radius : .06rem ; -webkit-borde...

2018-06-24 01:24:30

1.圆角 border-radius 是向元素添加圆角边框。 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 实心圆： div{ height:100px;/*与width设置一致*/...

2018-06-24 01:24:27

css重构之旅 前言： 今年我大一,马上就要大二了。从高三毕业暑假到大学的这一年马上过去，马上迎来大二生活. 学习前端也有将近一年了。一昧去追求那些视觉的效果和相对高端和新颖的技术，反而忽略了最基础的布局技巧。 回味 2017年3月，百格教育的手机端网站，是我接到...

2018-06-24 01:24:26

一个规范性强的代码便于修改和理解，所以做出如下总结，希望少走弯路； 基础内容，大神请绕道...................... 1.命名规范 命名一定要有意义，毕竟代码写下来不是给你一个人看的，在css中，在前面写上父元素进行规范，不要偷懒 2.请不要一会写原生，一会写jquery...

2018-06-24 01:24:22