首页 > 其他分享 >CSS总结2

CSS总结2

时间:2023-01-03 20:05:20浏览次数:47  
标签:总结 行内 并集 标签 元素 宽度 选择器 CSS

1.复合选择器

1.1交集选择器

集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点。

1.2并集选择器

并集选择器(css选择器分组)是各个选择器通过逗号连接而成的,任何形式的选择器(包括标签选择器、class类选择器,id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式。

1.3后代选择器
  • 用来选择元素或元素组的子孙后代。
  • 其写法就是把外层标签写在前面,内层标签写在后面,中间用空分隔,先写爷爷父亲,在写儿子孙子。
1.4子元素选择器

  子元素选择器只能选择作为某元素子元素的元素。

  • 子元素选择器只能选择作为某元素子元素(亲儿子)的元素。
  • 其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个 > 进行连接
2标签显示模式

标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个

2.1块级元素(bloc-level)

每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。

2.2行内元素

行内元素(内联元素)不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等,其中<span>标签最典型的行内元素。行内元素的特点:

(1)和相邻行内元素在一行上。

(2)高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。

(3)默认宽度就是它本身内容的宽度。

(4)行内元素只能容纳文本或则其他行内元素。(a特殊)

2.3行内块元素

行内元素中有几个特殊的标签——<img />、<input />可以对它们设置宽高和对齐属性,有些资料可能会称它们为行内块元素。

行内块元素的特点:

(1)默认宽度就是它本身内容的宽度。

(2)宽度,高度,行高、外边距以及内边距都可以控制。


标签:总结,行内,并集,标签,元素,宽度,选择器,CSS
From: https://blog.51cto.com/u_15729005/5986647

相关文章

  • 1月3日内容总结——bbs项目登陆页面和主页
    目录一、登陆功能完善验证码功能实现单机验证码实现验证码刷新(局部刷新)点击登陆提交数据进行校验二、主页搭建html代码views.py代码分页器主页内容部分官网提供作业一、......
  • Java线程同步总结
    线程同步的关键是保证临界资源访问的原子性和可见性。一般的解决方案是使用volatile(保证可见性、不一定保证原子性)修饰共享变量,或是加锁(直接保证原子性和可见性)进行线程同......
  • 2022.12.31周总结
    mongodb全文检索1.mongod--setParametertextSearchEnabled=true开启检索命令2.考虑以下posts集合的文档数据,包含了文章内容(post_text)及标签(tags):{"post_text"......
  • CSS - 选择器 标签选择器,id选择器,类选择器,后代选择器,子代选择器,兄弟选择器,通用选择器,
    1.标签选择器它可以选中页面中所有的元素,而不是某一个元素内容,所以选中的是页面中共有的属性标签{css样式...} 2.ID选择器以#开头,ID的名称必须是唯一的,ID选......
  • 反射3--总结以及应用及案例
       时隔很长时间,笔者再次翻看到以前关于反射的笔记,看到了反射的基本语法,简单的应用,不禁心中还是有些许疑惑,反射到底是什么,有何作用呢?我们知道基于C#开发的程序,编译后......
  • 答读者问总结 & 微信群欢迎你
    在《大学里最重要的七项学习》这篇广受在校学生欢迎的文章中,李开复老师说:就读大学时,你应当掌握七项学习,包括自修之道、基础知识、实践贯通、培养兴趣、积极主动、掌控时间、......
  • 2022年公司员工个人年终工作总结怎么写?这款办公便签能帮你
    2022年马上就要结束了,有不少公司员工都被要求写个人年终工作总结,一份优秀的个人年终工作总结与下一年度的升职加薪息息相关,所以很多上班族都想要写出一份漂亮的年终工作总......
  • 概念性总结
    集成单稳态触发器分为不可再触发和可再触发两种类型。三态门通常用来做、数据的双向传输和。增益带宽积是常数——1.4MHz。三端集成稳压器:W78xx,输出电压固定为xxW79xx,输出电......
  • MapReduce论文总结
    解决了什么问题MapReduce是隐藏了分布式环境下的代码复杂性,抽象出map和reduce两个阶段,分布式计算解决框架如何实现由MapReduce运行流程图可知,程序分为1个master节点和......
  • 19个成就大事件,一个鹅厂自媒体人迟到的年终总结
    元旦玩手机玩到了三点半,从10月份开始搞社群以来都没有这么疯狂过了,大家元旦过的开心吗?其实这个公众号我三年前就开了,一直没有更新,错过了公众号的风口,错过了短视频,后悔的要死......