跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

HTML---CSS层叠样式表

本篇文章给大家分享了关于html---css层叠样式表的内容,有需要的朋友可以参考一下 CSS层叠样式表 1.结构,样式,行为的分离

静夜思

床前明月光

2.css的分类 (1)id选择器 (2)标签选择器 (3)类选择器 (4)分组选择器 (5)通配符选择器 (6)伪类选择器(对超链接的操作) (7)派生选择器,也称复合选择器 选择器的优先级:就近原则,范围越小,优先级越高 可以使用!important改变优先级
  • 无序列表选项1
  • 无序列表选项2
  • 无序列表选项3
  • 无序列表选项4

静夜思

床前明月光

疑是地上霜

举头望明月

低头思故乡
伪类选择器 支持css的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态 伪类的顺序:link,visited,hover,active
构造css规则
focus伪类 在元素获得焦点时向元素添加特殊样式 立即学习 “ 前端免费学习笔记(深入) ”;

3.css的使用方式 (1)内嵌式
  • 无序列表选项1
  • 无序列表选项2
  • 无序列表选项3
  • 无序列表选项4
(2)行内式

我能抽象出整个世界

(3)导入式
  • 无序列表选项1
  • 无序列表选项2
  • 无序列表选项3
  • 无序列表选项4

静夜思

床前明月光

疑是地上霜

举头望明月

低头思故乡
创建.css文件
#a01{ color:red; } p{ color:blue; }
(4) 链接式
  • 无序列表选项1
  • 无序列表选项2
  • 无序列表选项3
  • 无序列表选项4

静夜思

床前明月光

疑是地上霜

举头望明月

低头思故乡
创建 .css文件
#a01{ color:red; } p{ color:blue; }
相关推荐: 详细说明CSS层叠样式表 CSS层叠样式表_html/css_WEB-ITnose

相关文章