随笔分类 - 常见问题
摘要：We believe that writing is about content,about what you want to say – not about fancy formatting. 译文:我们坚信写作写的是内容,所思所想,而不是花样格式. Markdown的创始人是John Grube
阅读全文
摘要：基本思路
1.左右2列采用绝对定位来布局
2.中间内容部分采用margin挤压出来
阅读全文
摘要：基本思路
1.和2列布局很相似
2.左右2列采用浮动+宽度
3.中间区域实际是用margin挤压出来的
4.DOM顺序不能写乱，必须先写左右再写中间
阅读全文
摘要：基本思路:
1.给2列添加一个定位的父集区块，并设置定位属性，一般设置为相对定位
2.给左右2个区块分别使用绝对定位
3.父集区块/定位父集必须设置宽度width
阅读全文
摘要：基本思路
1.要给左右2列添加一个父集区块
2.要给左右2个区块设置一个浮动:left/right
3.给父区块添加一个after伪类让子块撑开父集
阅读全文
摘要：基本思路
1.左侧固定,并设置为左浮动
2.右侧主体部分设置一个左边距,它的宽度只要大于等于右侧的宽度就可以
阅读全文
摘要：基本思路
1.右侧固定,并设置为右浮动
2.左侧主体部分设置一个右边距,它的宽度只要大于等于左侧的宽度就可以
阅读全文
摘要：基本思路:1.头部,尾部单独放在一个独立的容器中，仅设置高度即可
2.头部,底部的内容区仍然和主体等宽
3.主体仍放在一个单独的容器中,并设置水平居中
4.CSS样式不用修改,只需要调整一个DOM结构
阅读全文
摘要：基本思路:1.页面的头部，主体,底部全部放在一个容器中统一设置2.容器中的子块只需要设置一下高度即可
阅读全文
摘要：常用快捷键的整理 ctr1+C复制 ctr1+V粘贴 ctrl+Z撤销回到上一步操作 ctr1+D复制整行 ctr1+Z剪切整行 增加/删除单行注释ctrl+/ 增加/删除多行注释ctrl+shift+/ html注释<! > css注释/**/ JavaScript注释// ctrl+shift+
阅读全文
摘要：HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率，同时还包括最全面的语法库和浏览器兼容性数据。￣□￣｜｜ HBuilder快捷键大全目录(点击查看) 一、文件操作
阅读全文
摘要：HTML 编辑器是用于编写 HTML 的工具，使用 HTML 编辑器时以编辑主题，索引，自定义窗口，选择添加搜索页/常用常用HTML编辑器下载推荐/HTML调试中在编写HTML代码的时候通常会有以下两种主要类型的错误：1.语法错误：由于拼写错误导致程序无法运行；通常熟悉语法并理解错误信息后很容易修复。2.逻辑错误：不存在语法错误，但代码无法按预期运行；通常逻辑错误比语法错误更难修复，因为无法得到指向错误源头的信息。虽然代码出现了问题，但是 Web 创建的初心就是：人人可发布内容，不去纠结代码语法，因此浏览器会尝试修补代码错误，保持良好 HTML 格式非常重要
阅读全文
摘要：浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。目前最为主流浏览器有五大款，分别是IE、Firefox、Google Chrome、Safari、Opera。
阅读全文
摘要：通过字体、字号、颜色、粗体、斜体、下划线、删除线、缩进、行间距、字符间距、对齐等css格式化要素实现网页格式化排版，完成设计页面效果;了解css布局前提，需要掌握三种html不同标签：块状元素、内联元素（行级元素）、内联块状元素，了解它们之间如何进行转换；此外通过盒模型掌握css布局，盒模型作为CSS布局的基石，弄清楚盒模型的概念、结构、尺寸与实际宽高的计算，最后知道盒模型中margin存在数值bug如何解决
阅读全文
摘要：如何通过absoulue与relative配合把一个盒子或者是把2个div块同时放到页面中央部分？定位完成后为什么又需要margin-left与margin-top各往回走50%的长度，别忘记用z-index定位高度，请看下面代码展示:
阅读全文
摘要：如果把js内容直接放在这个head标签以内，button按钮不能正常点击更换body的背景颜色，报错提示：demo6.html:16 Uncaught TypeError: Cannot set property 'onclick' of null，解决代码展示，问题归纳总结：第一种解决办法直接js文件放在页面底部加载，第二种window onload()包裹起来，出现问题原因：W3School中介绍浏览器先加载完按钮节点才执行JS，当浏览器自顶向下解析时，找不到onclick绑定的按钮节点了,网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况,。window.onload是一个事件，window.onload表示页面加载完成后执行的函数，js按照页面自上而下的顺序说明的，页面上的Javascript代码是HTML文档的一部分，所以Javascript在页面装载时执行的顺序就是其引入标记!
阅读全文
摘要：网页做三角形图片，你还在拿ps调整吗？out了，老铁，来和我一起脑海畅想一个正方形是由4个等腰直角三角形构成，然后我想保留上边的三角形，那下边、左边、右边的三角形就没了（设置背景色transparent或者与背景相近的颜色），最终结果就是一个保留上边，方向朝下的三角形，需要注意一点的是设置的css样式中width=0，如果不是就不能构成正方形，而是一个梯形；此外还可以通HTML实体里的三角形符号，朝上▲朝下▼朝左◄朝右►，最后通过font的大小颜色控制三角形！
阅读全文
摘要：是谁在耳边对我说！important提升权重优先级，只为这一句，我用了3600s研究通配符与标签!important的背景展示，也是让我怀疑人生了！选择器权值:标签选择器1,类选择器和伪类选择器:10,ID选择器:100,通配符选择器:0,行内样式:1000,!important 在一定条件下，优先级最高。根据百度官方介绍body是用在网页中的一种HTML标签，那就说明它是个标签呀，然而通配符选择器(曾怀疑*不是，不过通配符选择器介绍)和标签body同时定义页面背景色，展示的却是通配符定义的，咋办？曰：/*如果非在通配符定义背景的前提下，让body背景颜色正常展示，加高*/，除了body外，其他标签正常展示，适用于这个css选择器优先级！
阅读全文
摘要：常见css样式:1.字体与颜色2.背景属性3.文本属性4.边框属性5.鼠标光标属性6.列表样式7.定位属性8.内外边距9.浮动和清除浮动10.滚动条11.显示和隐藏
文本:1.letter-spacing/*字间距*/2.word-spacing/*词间距*/3.text-decoration/*下划线*/4.text-align/*对齐*/5.text-indent/*缩进*/6.line-height/*行高*/7.color/*颜色*/8.word-break/*文本折行*/
字体:1.font-family/*字体类型*/2.font-size/*字体大小*/3.font-style/*字体样式*/4.font-weight/*字体粗细*/
阅读全文
摘要：布局是什么？根据功能划分小块，再根据设计稿还原，书写静态页面，然后再在块里面填充内容，完善功能，js施加交互效果。div作为一个容器，独占一行，代码书写习惯从上至下属于标准流，而浮动float的css样式则打破div（标准流）独占一行的传统！具体代码展示如下：
阅读全文
浙公网安备 33010602011771号