京东静态页面笔记

参考资料：https://www.bilibili.com/video/av21665439/?p=1

初始化：

不用通配符：加载慢

outline-style:没有外面的绿边框

textarea {

resize:none; } //不可改变输入框

img {

vertical-align:middle;

} //去掉图片低侧默认的三像素

i,s,em //这些小标签没有语义化，写在一些小的地方，比较简便

{

font-style:normal; //去掉倾斜等

text-decoration: none; //去掉下划线和删除线

}

.w 版心

i em

u ins

s del

权限：

标签 1

.nav(类选择器) 10

# kkk（ID选择器） 100

<div height=100> 1000

！important 1/0

 

如果浏览器里面全部，或者大部分的字体是一样的话，可以在body里面设置：

 

 

导航栏

1.先写注释

2.子元素会继承父元素的行高

3.行高和高度一致的时候，文字居中

4.字体：400 normal

700 bold

5.无论是 写html还是css 都要注释开始和结束：

 

 

6.小三角：

①为什么用： 加载速度快

②注意子绝父相：

绝对的不一样 一个是.send 一个是.fore

所以分开写

③ <i>有高宽，<s>没有 他们都是相对于nav-send 定位

④ <i>定位左右和上下， <s>在<i>里面， <s>只要定位上下

 

 

7.写css的时候，引用的标签不要超过3个

8.<!-- -->标签不是在sublime里面的

9.