[重要代码打5遍]
-ms-:[代码]//代表IE浏览器私有属性
-moz-:[代码]//代表FireFox浏览器私有属性
-webkit-:[代码]//代表safari、chrome浏览器私有属性
-o-:[代码]//代表opera浏览器私有属性
最后在打一遍代码
示范
-ms-:width:100%;
-moz-:width:100%;
-webkit-:width:100%;
-o-:width:100%;
width:100%;
评
各大浏览器耍性子,我们也没办法啊
[与文字有关的样式,基本可以继承]
font-size;font-family;font-weight;color;text-align;line-height;
注
但是A标签的颜色和其他属性只能单独修改
[css书写方式]
类前加[.],id前加[#],标签前不用加
示
.a{width:100%;}#b{width:100%;}c{width:100%;}
[css选择器]
[1],[2]{[12的样式]}
[1] [2]{[1里的2的样式]}
[1][2]{[某里面12的样式]}
[1]>[2]{[1的子级里的2的样式]}
[css书写位置]
行内式<img style="width:100px"></style>
外链式<link src="http://neilllil.blog.163.com/blog/css">
内链式<style="[样式属性]"></style>
[css权重]
id id
>id
>类 类
>类
>标签名 标签名
>标签名
注
外链式和写在style里面的权重一样,谁后写谁生效,
[出现两个相同的id,只能找到前面的第一个]
#id{width:100%;}//有效
#id{width:80%;}//无效
[h5搜索引擎优化]
<header> 头部
<nav> 导航栏</nav>
</header>
<menu> 菜单栏</menu>
<main> 主体
<article> 文章
<figure> 标题</figure>
<figcaption> 正文</figcaption>
</article>
</main>
<aside> 侧边</aside>
<footer> 底部</footer>
-ms-:[代码]//代表IE浏览器私有属性
-moz-:[代码]//代表FireFox浏览器私有属性
-webkit-:[代码]//代表safari、chrome浏览器私有属性
-o-:[代码]//代表opera浏览器私有属性
最后在打一遍代码
示范
-ms-:width:100%;
-moz-:width:100%;
-webkit-:width:100%;
-o-:width:100%;
width:100%;
评
各大浏览器耍性子,我们也没办法啊
[与文字有关的样式,基本可以继承]
font-size;font-family;font-weight;color;text-align;line-height;
注
但是A标签的颜色和其他属性只能单独修改
[css书写方式]
类前加[.],id前加[#],标签前不用加
示
.a{width:100%;}#b{width:100%;}c{width:100%;}
[css选择器]
[1],[2]{[12的样式]}
[1] [2]{[1里的2的样式]}
[1][2]{[某里面12的样式]}
[1]>[2]{[1的子级里的2的样式]}
[css书写位置]
行内式<img style="width:100px"></style>
外链式<link src="http://neilllil.blog.163.com/blog/css">
内链式<style="[样式属性]"></style>
[css权重]
id id
>id
>类 类
>类
>标签名 标签名
>标签名
注
外链式和写在style里面的权重一样,谁后写谁生效,
[出现两个相同的id,只能找到前面的第一个]
#id{width:100%;}//有效
#id{width:80%;}//无效
[h5搜索引擎优化]
<header> 头部
<nav> 导航栏</nav>
</header>
<menu> 菜单栏</menu>
<main> 主体
<article> 文章
<figure> 标题</figure>
<figcaption> 正文</figcaption>
</article>
</main>
<aside> 侧边</aside>
<footer> 底部</footer>