![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
芝芝小笼包
成为前端大牛的路上
展开
-
overflow、overflow-x、overflow-y初识
一、overflowoverflow 属性规定当前内容溢出元素框时会如何处理。支持情况:所有浏览器都支持overflow属性。序号overflow的值描述1visible默认值,内容不会被修剪,会呈现在元素框之外。没有滚动条。2hidden内容会被修剪,并且溢出内容是不可见的。不会出现滚动条。3scroll原创 2016-05-10 22:48:40 · 1616 阅读 · 0 评论 -
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 · 513 阅读 · 0 评论 -
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 · 393 阅读 · 0 评论 -
网页布局-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 · 4188 阅读 · 0 评论 -
XHTML+CSS 文字加粗的方式[学习笔记]
font-weight:700;相当于font-weight:bold;数字比英文解析更快,建议写700;strong标签加粗h1~h6标题标签加粗原创 2016-05-15 09:56:41 · 381 阅读 · 0 评论 -
提升网页价值-学习笔记
网页的价值是什么?代码少,结构清晰页面加载速度更快带宽要求降低(代码更简洁),成本降低更利于搜索引擎的抓取更好的兼容性和扩展性被更多的用户所访问(包括失明、视弱、色盲等残障人士)被更广泛的设备所访问(包括屏幕阅读机、手持设备)页面灵活性强改版方便,不需要变动页面内容更少的代码和组件,容易维护灵活控制页面板块显示顺序页面制作出来给谁看?转载 2016-05-15 08:21:07 · 199 阅读 · 0 评论 -
前端编程-如何纠错-学习笔记
如何纠错设置背景法 找出相应盒子的区域,通过区域来判断问题的起因,比如“父级元素的高度自适应问题”逐步删除法 在“设置背景”仍无法解决找出问题原因的情况下,可将页面“另存为”一份,现在结构代码(xhtml)中逐步删除无关代码,直到在结构中只剩下相应的版块,此时可以判断起因不是结构的不合理,然后再主次删除与版块无原创 2016-05-15 08:01:51 · 461 阅读 · 0 评论 -
万能兼容所有浏览器导航条-学习笔记
兼容所有浏览器的万能浏览器,很多漂亮的导航基本都是由此导航条演化而来,多多练习几遍。<!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 · 1283 阅读 · 0 评论 -
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 · 186 阅读 · 0 评论 -
使用CSS Hack解决IE6双倍边距Bug
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2016-05-14 18:29:09 · 329 阅读 · 0 评论 -
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 · 248 阅读 · 0 评论 -
IE6双倍边距bug
IE6双倍边距bug出现条件:1.首先是块元素,内联元素不会出现此bug------所以以毒攻毒,使用display;inline;来讲此元素变为内联元素消除此bug2.有浮动,脱离文本流3.有外边距原创 2016-05-10 23:48:51 · 260 阅读 · 0 评论 -
[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 · 2940 阅读 · 0 评论