carrotzizi

2017年9月19日

摘要：首先了解下CSS的渲染逻辑，它是从标记的最后一位开始搜索的，例如：.myclass li a，首选它会遍历所有的<a>，然后看哪些<a>之前有<li>，然后再看哪些<li>之前有.myclass。所以：1、层级太多会增加CSS渲染的工作量。如下：除此之外，还有哪些可以优化的呢？ 2、图中样式的阅读全文

posted @ 2017-09-19 20:11 carrotzizi 阅读(274) 评论(0) 推荐(0) 编辑

日常问题解决笔录（持续更新）

摘要： 1、!important p { text-indent: 1em ! important } 优于正常的CSS规则 2、z-index 进行定位元素(position:absolute, position:relative, or position:fixed) 3、表单之间不对齐由于对齐的标准不阅读全文

posted @ 2017-09-19 19:38 carrotzizi 阅读(124) 评论(0) 推荐(0) 编辑

CSS冗余简化（持续更新）

摘要： 1、float属性会把元素默认成inline-block状态，不需要再专门定义display了 2、对于inline而言，您设置line-height多大，很多时候并不需要定义height，其实际占据的垂直高度就是多高，仅限于本身非零高度的元素，可能是本身的高度也可能有内容撑高。block元素并不会阅读全文

posted @ 2017-09-19 19:37 carrotzizi 阅读(398) 评论(0) 推荐(0) 编辑

2017年9月12日

【复习笔记】CSS基础

摘要：外观 color:rgba(255,255,255,1)，a表示alpha，透明度值0~1 font-family:字体1,字体2,字体3;确保某字体不存在时自动选择下一个，最好使用字体的英文名称保证浏览器识别 background-position，单独left或right（或使用指定偏移像素px 阅读全文

posted @ 2017-09-12 13:03 carrotzizi 阅读(117) 评论(0) 推荐(0) 编辑

2017年9月9日

【复习笔记】HTML基础

摘要：编码 HTML LANG标注整体文档语言常用编码：ASCII、GB2312、UTF-8 中文编码解决： 1、浏览器要用一个编码表去看你的文件<meta charset="utf-8"> 2、这个文件它用什么编码标签 h1/2/3/4/5/6：基于语义一般网页最多只有一个h1 p&br：p语义表示阅读全文

posted @ 2017-09-09 12:41 carrotzizi 阅读(100) 评论(0) 推荐(0) 编辑

【复习笔记】切片技巧

摘要： 1、注意用户图片、非用户图片 2、颜色单一过渡少的导GIF，有动画部分的导GIF动画；颜色过渡多、色彩丰富的导JPG；透明背景PNG（主要使用JPG和PNG） 3、切片图片名称使用英文，右击鼠标，可以编辑片切（升级用户切片、组合/划分切片、删除切片等） 4、JPG品质一般80+ 5、阴影一般单独切阅读全文

posted @ 2017-09-09 12:12 carrotzizi 阅读(334) 评论(0) 推荐(0) 编辑

公告