sublime初级编程中的坑
1 单词打错.如program 打成pragram,clothes打成clothse,height打成heigh
2 line-height: px; sublime快捷输入默认没有px
3 复制的过程中多个括号或者少个括号导致变形
4没有清除上层浮动带来的影响
5继承带来的影响 子元素宽度默认是父元素的100%
6 li里的a链接设置字体颜色的时候关掉背景色看效果,若给li设置无效果,则给li a设置
7 first-child加在li后面还是a后面? 可以都试试 ,一般想改a 则加在li后面,
8什么时候设置背景图片和图片的区别?很多东西可以飘在背景图上
9 div的闭合问题 有<div>下面没有对应的</div>,导致页面错乱,注意书写对齐
10 写类名时单词打错,buttom是按钮 bottom是底部
11 宽高单词打错 如 width打成 height,打单词一定注意看 ,一定不能打错
12清楚浮动的时候别把单词clearfix 打成clearboth
13严格遵循后代选择器的选择 别中间省略该有的父选择器名,比如 :
.program .bottom .content ul li{} .program .content ul li{} 效果就可能会出问题
14引入icon时一定注意相对路径,有url的地方写相对路径
15两个input要无缝挨着可以设置都浮动
16 input的CSS设置可以用属性选择器 如.class input[type="text"]{ } .class input[type="submit"]{ }
17 input[type=“submit”]{ } 一般设置手指头, cursor:pointer;
18 .class input[type=“text”]{ }里面的占位符距离用text-indent:数字px 设置,用内填充的话要减距离
19占位符里面的字要改颜色就要用value
20 一个大层里面的几个小层都浮动的话可能对后面的层有影响,如设置margin无效果,可以加边框线看,如果看不到那就是浮动的影响了 ,这个时候就要给上面浮动过的层的父元素清楚浮动
21注意颜色设置的优先级 如 li a{}设置过了颜色 想给第一个加颜色则要 li:first-child a{ color:red;}
22 li中的width:100%;有时候效果很好用
23 li的marigin-top是line-height减去font-size
24当h标签和a标签相邻又要想在一行的时候,设置a标签在前面且右浮动,h标签刚好上来成一行
25养成完整选择器写法的习惯,别省,否则会有冲突效果,后面的影响前面或者前面的影响后面
26给div加clearfix清浮和给ul加clearfix清浮效果有区别,如当你给ul设置左右border线框时清浮最好在ul上
<div>
<ul>
<li></li>
</ul>
</div>
27没开始写下一层的时候写写几个字比如"123我在哪里"看看位子,检查上一层浮动的影响,正常显示不用清浮,否则要清浮
28<h2></h2>打成<h2></h3>
29引号多个或者少个,如<a href="#" class="clearfix></a>
30用div来取精灵图图片,A标签不可以
31给多个p标签就浮动最好外面套div
32ul li的margin-top实现不了可以用他的上一层的padding-top设置,但注意减掉相应的距离
33截图工具可以量长宽,但不能放大图片再量!
34ul清浮,li左浮,最后一个li掉下去可以用chrome调li的width可以排成一行
35dt行与dd行之间的距离,用间距-(dd行高-字体大小)/2
36 ul li的转换display:inline-block;可以和ul li 的float:left;效果一样排成一行(但浮动无缝隙,行内块有缝隙),但display:inline-block设置margin:0 auto;或者text-align:center;更方便
37解决ul li的转换display:inline-block;后的li之间的缝隙用ul{ font-size:0;} 前提的外面包裹的a标签设置了大小,若没有会看不到字,此方法常用于解决底部通栏用
38代码挪位后的图片路径问题用ctrl+F快捷替换