做项目的时候发现正常的代码在360浏览器上样式都是乱的，翻阅资料才发现360是双核，分为极速模式和兼容模式，极速模式是用webkit内核，兼容模式是用trident内核（也就是IE内核）,最后加了一行代码就完美解决了1 <meta name="renderer" content = "webkit"/>竟然一行代码“功力这么强大”，真是有必要认真学习了解一下常用的head头标签了。 首先，总结一下浏览器默认的内核模式：国内双核浏览器默认内核模式如下：1. 搜狗高速浏览器...
简单用法： 变量 sass中可以定义变量，方便统一修改和维护。//sass style $fontStack: Helvetica, sans-serif; $primaryColor: #333; body {font-family: $fontStack;color: $primaryColor; } //css stylebody {font-family: Helvetica,sans-serif; color: #333; } 嵌套 sass可以进行选择器的嵌套，表示层级关系，看起来很优雅整齐。//sass style nav {ul {margin: 0;padding: 0;list-style: none;}li { display: inline-block; }...
在前端开发中编写html静态网页模板时，head标签内总是会带上许多meta标签，大多数时候并不十分了解这些标签的具体作用，只是别人写了我们也写上吧！ 今天小编特意查询了一下关于网页中meta标签的作用。 meta是head区的一个辅助性标签。其主要作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ meta标签共有两个属性，它们分...
对于定位这个性质我原理上来说自己是明白的，但是在实践的过程中，总会出现各种稀奇古怪的情况，加relative或是absolute就可以解决，但是遇到这些情况总是不明白为什么！！！难道是脑容量太小的原因吗！！！=_=!!还是先记基础知识好了，因为里面还是有很多坑！！相对定位： 内联元素加相对定位也不支持宽高！！ relative并不会使元素脱离正常文档流！ 以上两点说明加上相对定位不影响元素本身的特性，内联元素和...
关于浮动，最主要的就是解决浮动在IE6、7下要做的兼容问题。例如：双边距bug，图片下的空隙问题等等。后面要和定位带来的兼容问题一起总结一下好了~~~ 块的特征1、默认独占一行2、没有宽度时，默认撑满一排（即父元素有多宽它就是多宽）3、支持所有css命令 行内元素的特征1、同排可以继续跟同类的标签2、内容撑开宽度3、不支持宽高（就是写上宽高值也并没有什么卵用~）4、上下的margin和padding有问题（不支持上下的margin，对padd...
让网页的宽度自适应屏幕 1）html上加入 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 3）加入这句话可以定义iphone的添加到主屏幕的图标 网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)表示页面中的所有链接都在新窗口打开 madinc.co// autocomplete="off"//去掉输入框的历史记录 querySel...
入行也半年了，无数次的想过写博客也无数次的想过第一篇会写什么，一直没有落实。今天心血来潮把博客开了，那就写点东西吧。第一篇就写一写看似简单但又经常不注意到的meta标签吧。（博主经验尚浅，有许多理解不到位的地方或者说错的地方欢迎批评指正）不说了~这个是祖师爷1.让浏览器默认以什么版本来显示：content里的IE=edge表示让浏览器默认以edge内核去处理页面，而后面的chrome=1则是在用户安装了GCF之后可以在IE浏览器里以ch...
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框，这种箭头可以通过背景图片或者是css来实现，本文介绍三种通过css实现带箭头的提示框。通过border属性思路：两个三角形，通过定位使两个三角形相差1px作为边框。 CSS3 transfrom思路：先做一个两条边相同颜色的正方形，然后旋转一定角度就是三角形了 特殊字符?思路：特殊字符漏出上半部分，看上去就像三角形了 一、通过border属性： 我们先做一个宽和高都是10px的div，边...
长时间未曾动笔至今已忘了如何组织语言，故注册此博客园帐号。一来，总结自己平时编程中遇到的“坑”；二来，记录下自己的编程生涯，以待来日回顾。本篇总结的来源是近期自己所负责的一个云平台项目。这是第一篇，关于布局。传统的布局方式一般都是盒模型，并依赖于display、position或者float。然而position具有不能自适应内部高度的缺点，需要固定的容器高度；float存在父元素塌陷，需要用清除浮动解决；同时，对于某些...
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。 XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em div 在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这...
Iframe用法精析 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维（0=否，1=是） HEIGHT,WIDTH 设质边框的宽度和高度 SCROLLING 是否有滚动条（YES,NO,AUTO) SRC 指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) “画中画”效果--谈IFRAME标签的使用 纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东...
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD，如： 标准HTML标签的正确使用 尽量使用div+css布局,不用table做布局。 使用table做布局容易造成代码冗余，相对编写来说，代码繁多。并且，table需要将元素都下载后进行显示，相应的网页打开速度也较慢。 应该使用标准化的页面...
最普通最常用最一般的方法就是用submit type..看代码： 代码如下: 另外，还有一种常用的方法是使用图片： 代码如下: 第三种是使用链接来提交表单，用到了javascript的DOM模型： 代码如下: 这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中： 代码如下: 但是，如果一个表单里有需要有多个提交按钮怎么办呢？ 比如一个表单里的提...
1. 表格标签是table，tr是行，td是单元格，cellspacing是单元格与单元格的距离 cellpadding是内边距，caption是表格的标题 colspan是合并列，rowspan是和并行，表格tbody 都是默认的。如果加多个tdody就可以解决页面显示的问题。 2.超链接的邮件链接mailto：abc@shouhu.com 3.可以长传 4.lable可以设置快捷键的 5.ini是简单的配置信息描述，xml是复杂信息描述 6.正则表达式是一种专门用于操作字符串的规则 通过一些符号来表示，简化...
最近碰到一个数据转来转去转到Textrea里面是否能真正按行存放的问题，在这里总结一下： 问题描述： 比如get数据到一个TextArea里面，如“AAA BBB”，想把这段文字在TextArea里面真正按行存放，而不是显示出来按行存放（所谓的真正按行存放就是，再把这个TextArea的数据post到另外一个页面的Textarea里面仍是按行存放） 问题解决1： 一开始是提交数据的时候格式是AAABBB，但是这是显示换行，其实在TextArea里面并不是真正...