前端基本技术总结

前端基本技术总结：HTML+CSS+JS+jq

一.样式CSS

1.神奇缩布字体效应：em布局-有时性能刚好根据要求很实用，集成相对于父元素

.fc-AmazingFontEffect{//神奇缩布字体效应 em布局
     font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
     font-size: 1.1em;
 }

小结：em相对于父元素，rem相对于根元素。

rem中的r意思是root（根源），这也就不难理解了。

 

2.>,+,~，空格，逗号等符号的使用

• A B  选择所有子B元素：可以多个

• A>B 只选择第一代子标签B：多个一个类别得

• A+B 表示在A标签之后紧挨着他的下一个兄弟标签B：只是一个

• A~B{ }表示在A标签之后、与A标签具有相同父标签的兄弟B标签：多个 注意和A+B 区别

 2. 分辨率背景

分辨率低得会看不见背景

#tesk {
    background-color: #f8fbf0;
    width: 50%;
    height: 150px;
    margin: 0 auto;
}