当前位置: 首页 > 工具软件 > NES.css > 使用案例 >

CSS基本規則

柴琦
2023-12-01
[重要代码打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>
 类似资料: