标签：栏目 层叠样 方法 其它 多个 idt contain 优先 加载
<style type="text/css"><!--写在<<head></head>标签内-->
css样式
</style>
<p style="color:res;">内容</p><style type="text/css">样式</style><link href="xx.css" rel="stylesheet" type="text/css"/>，要放到标签内属性 |
值 |
位置 |
加载 |
|---|---|---|---|
| 行内样式 | 开始标签style | html文件内 | 同时 |
| 内部样式 | <head>中<style>内 | html文件内 | 同时 |
| 链入外部样式 | <head>中<link>引用 | .css样式文件.html文件分离 | 页面加载时，同时加载CSS样式 |
| 导入式@import | 在样式代码最开始处 | .css样式文件与.html文件分离 | 在读取完html文件之后加载 |
伪类 |
值 |
|---|---|
| :link | 未访问的链接 |
| :visited | 已访问链接 |
| :hover | 鼠标悬停状态 |
| :active | 激活的链接 |
常用的CSS样式命名
页头：header 导航：nav 页面主体：main 侧栏：sidebar 页尾：footer
栏目：column 内容：content/container 页面外围控制：wrapper
容器：container 左中右：left、right、center
导航：nav 左导航：leftsidebar 主导航：mainnav 右导航：rightsidebar
子导航：subnav 菜单：menu 订导航：topnav 子菜单：submenu
边导航：sidebar 标题：title 摘要：summary
标志：logo 注册：register 广告：banner 搜索：search
登录：login 功能区：shop 登录条：loginbar 标题：title
标签：栏目 层叠样 方法 其它 多个 idt contain 优先 加载
原文地址：https://www.cnblogs.com/yujiao-99/p/12872925.html
