随笔分类 - HTML+CSS
摘要：问题一：画直线时候，画面失贞，纵坐标明明只有200大小，但是已经超出画面范围，线条也很粗： 解决：百度到类似问题：http://www.tuicool.com/articles/qMnAjm 分析：原来自己在css样式里面将这个画布canvas的尺寸设置成了页面全屏；然而html5 canvas的浏
阅读全文
摘要：1、Firefox 上面是仅仅被Firefox浏览器识别的写法，具体如： 支持Firefox的还有几种写法： 2、Webkit枘核浏览器(chrome and safari) 上面写法主要是针对Webkit内核的浏览器，如Google Chrome 和 Safari浏览器： 3、Opera浏览器 上
阅读全文
摘要：例如lofter导航栏的箭头： 方法：用一个块，宽高设置为0，再设置框的宽度（border）需要箭头向上时候，就设置下边框宽度，其他方向同理，这样便可得到一个箭头形状的小块，再设置颜色位置即可。 <i class="arrow"></i> .arrow{ display:inline-block;
阅读全文
摘要：overflow属性：visible：声明内容不会被剪裁。比如内容可能被渲染到容器外面。hidden：声明内容将被剪裁，并且也甭想使用滚动条来查看剪裁掉的内容。scroll：声明内容将被剪裁，但有可能出现滚动条来查看被剪裁掉的内容。滚动条出现的位置在inner border adge和outer p
阅读全文
摘要：盒子模型： 网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模型都具备这些属性，也主要是这些属性。 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属
阅读全文
摘要：伪元素语法： selector:pseudo-element {property:value;} 1.first-line伪元素：向文本的首行设置特殊格式； 注意： 只能用于块级元素； 可应用于first-line伪元素的属性：font,color,background，word-spacing，l
阅读全文
摘要：1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-
阅读全文
摘要：1.浮动布局，左边float:left;右边margin-left：左边宽度： 2.浮动和负边距实现： 3.左右等高，使用一个外div包含左右div，再使用边宽与负边距决定： 4.依旧是使用块包含通过边宽与负边距浮动设置： 5.使用两个包含快，相对位置浮动与左右偏移以及负边距： 6.不等高 以上几种
阅读全文
摘要：setTimeout笔记： a,setTimeout("alert('3秒后执行我')",3000); //直接把执行语句放在双引号里当参数 b,setTimeout(function(){alert("3秒后执行我");},3000); //直接把一个包含执行语句的匿名函数当参数 c,setTim
阅读全文
摘要：var totalData=[{name:"考研",num:35},{name:"工作",num:86}]; var schollData=[{name:"西南科技大学",num:15},{name:"电子科技大学",num:8},{name:"四川大学",num:4},{name:"西安电子科技大
阅读全文
摘要：var totalData=[{name:"考研",num:35},{name:"工作",num:86}];var schollData=[{name:"西南科技大学",num:15},{name:"电子科技大学",num:8},{name:"四川大学",num:4},{name:"西安电子科技大学...
阅读全文
摘要：http://v2.bootcss.com/javascript.html#tabs标签页设置http://v2.bootcss.com/components.html#breadcrumbs标签页式导航http://jingyan.baidu.com/article/066074d6564f39c...
阅读全文
摘要：CSS3 模块 CSS3 被划分为模块。 其中最重要的 CSS3 模块包括： CSS3新增伪类举例： flexbox:(伸缩布局盒)display:flex|inline-flex; 自动分配容器宽高比例 如果元素容器没有足够的空间，我们无需计算每个元素的宽度，就可以设置他们在同一行； 可以快速让他
阅读全文
摘要：1.将div设置为表格，然后再使用table的vertical-align属性设置为middle； 此方法可以动态改变div内容高度，当高度不够时，内容不会被截断，自动撑大空间； 2.这个方法使用绝对定位的 div，把它的 top 设置为 50％，top margin 设置为负的 content 高
阅读全文
摘要：1.HTML5 之前的HTML版本是：HTML4.01 2.html5 的文件类型是：<!DOCTYPE html> 3.html5 中用于组合标题的元素是<hgroup> 4.html5中不再支持<font>、<acronym>和<script>元素的type属性 5.用于播放html5视频文件的
阅读全文
摘要：为什么script脚本要放在文件末尾？ 原则：浏览器对script下载为非并行处理。 为什么浏览器要采用非并行的方式呢？其实很简单： 如果在html文件中我们有两个script引用，script1.js和script2.js，如果浏览器并行下载这两个文件，则可能会script.js先下载完成，则会立
阅读全文
摘要：一种： <a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.google.com'">弹出窗口</a> 二种： <script language="JavaScript"> function delete_confirm
阅读全文
摘要：1.相同字体在不同浏览器下所占空间不一样：font-size:14px的宋体文字，ie下实际占高16px,下留白3px; FF 实际占高17px，上留白1px，下留白3px，opera更不一样；解决方案：设定line-height。确保所有的文字都有默认的line-height 2.给容器定义高度，
阅读全文
浙公网安备 33010602011771号