- 博客(17)
- 收藏
- 关注
RSS订阅转载 [CSS3]touch-action
规定用户能否以及如何操作页面上的指定区域 注意：这是IE11的属性，在IE10应使用-ms-touch-action，IE10之前的浏览器不支持 语法 touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ]属性值 auto： 默认值。浏
2016-12-07 11:12:36
2955
原创 CSS2.0下1行2列，左侧固定右侧自适应布局，兼容所有浏览器。[学习笔记]
``` 1行2列-左固右自适应 body,div{margin:0;padding:0;} #content{overflow:hidden;float:left;background:#ccc;} #box{width:100%;height:600px;background:#ffc;float:left;} #right{height
2016-05-15 18:25:10
524
原创 CSS2.0下1行2列，左侧固定右侧自适应布局，兼容所有浏览器。[学习笔记]
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1行2列-左固右自适应</title> <style type="text/css"> body,div{margin:0;padding:0;} #content{overflow:hidden;float:left;backgro
2016-05-15 18:03:06
401
转载 网页布局-12种常见布局
12中常见布局固定宽度1行1列2行2列3行1列1行2列-两栏布局2行2列3行3列-三栏自适应宽度1行1列2行1列3行1列1行2列备注：页面的加载顺序是根据页面的结构，灵活控制页面的加载顺序。
2016-05-15 17:16:06
4208
原创 XHTML+CSS 文字加粗的方式[学习笔记]
font-weight:700；相当于font-weight:bold;数字比英文解析更快，建议写700；strong标签加粗h1~h6标题标签加粗
2016-05-15 09:56:41
388
转载 提升网页价值-学习笔记
网页的价值是什么？代码少，结构清晰页面加载速度更快带宽要求降低（代码更简洁），成本降低更利于搜索引擎的抓取更好的兼容性和扩展性被更多的用户所访问（包括失明、视弱、色盲等残障人士）被更广泛的设备所访问（包括屏幕阅读机、手持设备）页面灵活性强改版方便，不需要变动页面内容更少的代码和组件，容易维护灵活控制页面板块显示顺序页面制作出来给谁看？
2016-05-15 08:21:07
209
原创 前端编程-如何纠错-学习笔记
如何纠错设置背景法 找出相应盒子的区域，通过区域来判断问题的起因，比如“父级元素的高度自适应问题”逐步删除法 在“设置背景”仍无法解决找出问题原因的情况下，可将页面“另存为”一份，现在结构代码（xhtml）中逐步删除无关代码，直到在结构中只剩下相应的版块，此时可以判断起因不是结构的不合理，然后再主次删除与版块无
2016-05-15 08:01:51
475
原创 万能兼容所有浏览器导航条-学习笔记
兼容所有浏览器的万能浏览器，很多漂亮的导航基本都是由此导航条演化而来，多多练习几遍。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>nav</title> <style> body,div,ul,li{margin: 0;padding:0;} ul{
2016-05-14 23:32:19
1294
原创 CSS Hack解决两个阵营：①IE8、IE9②IE6、IE7、FireFox
margin-left:10px; FireFoxmargin-left:10px\9; 区分出IE和FireFox*margin-left:10px; IE6、IE7
2016-05-14 18:52:07
193
原创 CSS Hack 学习笔记
CSS Hack是解决页面不能很好兼容多种浏览器的技巧方法。是个人对CSS代码非官方的修改不能通过W3C的验证常用的CSS Hack“\9” 所有IE均可识别，FireFox不能“*” IE6、IE7可以识别，IE8、FireFox不能“_” IE6可以识别，IE7、IE8、FireFox不能“* html” IE6可以识别，IE7、IE8、FireFox不能---
2016-05-14 18:42:47
261
原创 使用CSS Hack解决IE6双倍边距Bug
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-05-14 18:29:09
337
原创 标签重置 CSS Reset--学习笔记
Questions:为什么要重置标签？为了增强页面的兼容性，让更多的浏览器显示的效果一致；因为不同的浏览器都有一套内置的CSS样式表，目的是为了正常显示不具有样式表的页面；提高我们制作的页面兼容浏览器的性能。最普通的CSS Reset *{margin: 0; padding: 0;}最常用的CSS Reset
2016-05-13 06:00:38
721
原创 position定位知识点汇总
如果想将某个元素定位到页面某处的话，此元素position设置absolute，外面盒子position设置relative。position:absolute;初始默认绝对定位于浏览器，如果想绝对定位于外面某盒子元素，则给改盒子元素添加position:relative;属性。--------最有方案提问：为什么一定要用absolute呢，relative可以吗? 可以，但是不是最
2016-05-12 06:49:07
591
原创 清除浮动-解决父级元素高度不能适应子级元素高度的问题
说明：如果一个web前端开发工程师在布局页面的时候只要思路没问题，清除浮动是用不到的，谁用了清除浮动，就说明谁在布局页面时的思路有问题，对浮动并没有完全理解。IE6下滚动条bugIE6里面子元素会自动撑大父元素，overflow:hidden; 解决父级元素高度不能适应子级元素高度的问题。
2016-05-11 07:56:48
712
原创 IE6双倍边距bug
IE6双倍边距bug出现条件：1.首先是块元素，内联元素不会出现此bug------所以以毒攻毒，使用display;inline;来讲此元素变为内联元素消除此bug2.有浮动，脱离文本流3.有外边距
2016-05-10 23:48:51
270
原创 overflow、overflow-x、overflow-y初识
一、overflowoverflow 属性规定当前内容溢出元素框时会如何处理。支持情况：所有浏览器都支持overflow属性。序号overflow的值描述1visible默认值，内容不会被修剪，会呈现在元素框之外。没有滚动条。2hidden内容会被修剪，并且溢出内容是不可见的。不会出现滚动条。3scroll
2016-05-10 22:48:40
1672
原创 display与visibility的区别
display:none 隐藏对应的元素，不占据空间，它各边的元素会合拢，就当这个元素不存在；visibility:hidden隐藏对应的元素，但是在文档布局中仍然保留原来的空间。
2016-05-03 22:47:01
450
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人