选择器的种类和css的三种样式

今天我们为大家 选择了 六种 选择器;

1. 标签选择器

2.id选择器

3.class选择器

4.后代选择器

5.子代选择器

6.交集选择器

我们就举三个典型的例子;后代选择器,子代选择器和交集选择器


1.后代选择器;表签嵌套多层关系(包括一层) 

2.子代选择器 ;标签嵌套多层关系

备注;千万不能把标签写在后面如;.app

3.交集选择器

Css

 Css 叫层叠样式表。

网页中如何嵌套style样式?

1.      行间样式 将style当做属性写在标签内。 权重1000

 2.行内样式 把style 当做标签来用 写在head之间

3.把style 当做css文件来用。 外部引入


 rel 和href是必不可少的。

备注;双标签 必须写结束标签  p 可以忽略结束标签。

Css的三种引入方式

     行间样式把style 当做属性使用, 键值对在属性值中该怎么用就怎么用。

行内样式把style 当做标签使用 键值对还是老样子, 外部引入,将样式写在Css

文件中,还是以键值对的形式书写样式。

作者:晋飞翔

手机号(微信同步):17812718961

希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,286评论 0 0
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 2,080评论 0 6
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    繁华退却阅读 1,805评论 0 0
  • 标签(空格分隔): CSS CSS选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。HTML页...
    lvyweb阅读 4,128评论 0 2
  • 学习目标 复合选择器后代选择器并集选择器 标签显示模式 CSS 背景背景位置 CSS 三大特性优先级 1. CSS...
    jovelin阅读 570评论 0 0

友情链接更多精彩内容