![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html与css
html与css
酒遥
这个作者很懒,什么都没留下…
展开
-
前端 Web端 开发中的坑
移动端总结 通用 适配部分机型键盘收起时页面不回弹 <input id="phone" @blur="backToTop"> backToTop() { // 适配部分机型键盘收起时页面不回弹 var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); }原创 2020-10-05 11:25:13 · 152 阅读 · 0 评论 -
前端代码规范及风格 Code Guide
前端 Code Guide命名规则项目命名目录命名JS文件命名CSS,SCSS文件命名HTML文件命名HTMLHTML doctypelang属性charset 字符编码IE兼容模式引入CSS,JSHTML5规范链接属性顺序boolean属性JS中生成标签减少标签数量实用高于完美CSS,SCSS通识缩进分号空格空行换行注释引号命名颜色选择器属性顺序属性简写媒体查询SCSS相关杂项JavaScript通识缩进单行长度分号空格空行换行单行注释多行注释文档注释引号变量命名函数数组、对象括号nullundefine原创 2020-10-04 19:55:23 · 609 阅读 · 0 评论 -
bootstrap注意点
bootstrap 有row就必须有col,有col必须有row,否则用其他解决 img自适应时原创 2020-08-12 14:35:32 · 128 阅读 · 0 评论 -
css中BFC的用法、目的、特点
BFC定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 做法 float的值不是none position的值不是static或者relative display的值是inline-block、table-cell、flex、table-caption或者inline-flex overflow的值不是visib原创 2020-08-12 10:37:28 · 293 阅读 · 0 评论 -
html中的空格和文字居中
html中的空格使用全角空格使用空格的替代符号使用CSS的 white-space 属性使用CSS的 letter-spacing 属性使用CSS的 word-spacing 属性使用CSS的 text-indent 属性 使用全角空格 全角空格被解释为汉字,所以不会被被解释为HTML分隔符,可以按照实际的空格数显示。 使用空格的替代符号 替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。 空格的替代符号有以下几种: 名称 编号 描述  原创 2020-08-12 10:58:12 · 879 阅读 · 0 评论 -
html与css的那些杂事儿
伪元素 加上display: block;将伪元素变成块级元素才能设置宽高 opacity、visibility、display:none的区别 opacity、visibility 有节点 visibility、display 不能触发事件 inline-block不能margin 0 auto auto是基于总宽度-已知固定宽度获得取值的, inline-block元素水平方向的7大属性没有总宽度的限制, 所以margin设置为auto时,不知道如何取值,所以默认为0,于是便没有起到我们想要的原创 2020-08-12 10:54:56 · 175 阅读 · 0 评论 -
html的class、id、注释等命名规范
基本命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:原创 2020-08-12 09:47:40 · 924 阅读 · 0 评论