CSS的基础知识点(下)

1. CSS 的复合选择器

1.1 后代选择器 (重要)

后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代

 元素1 和 元素2 中间用空格隔开
 元素1 是父级,元素2 是子级,最终选择的是元素2
 元素2 可以是儿子,也可以是孙子等,只要是元素1 的后代即可
 元素1 和 元素2 可以是任意基础选择器

1.2 子选择器 (重要)

子元素选择器(子选择器)只能选择作为某元素的最近一级子元素。简单理解就是选亲儿子元素.

 元素1 和 元素2 中间用 大于号 隔开
 元素1 是父级,元素2 是子级,最终选择的是元素2
 元素2 必须是亲儿子,其孙子、重孙之类都不归他管. 你也可以叫他 亲儿子选择器

1.3 并集选择器 (重要)

并集选择器可以选择多组标签, 同时为他们定义相同的样式。通常用于集体声明.
并集选择器是各选择器通过英文逗号(,)连接而成,任何形式的选择器都可以作为并集选择器的一部分。

 元素1 和 元素2 中间用逗号隔开
 逗号可以理解为和的意思
 并集选择器通常用于集体声明

1.4 伪类选择器

伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。
伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover 、 :first-child 。

链接伪类选择器注意事项
1. 为了确保生效,请按照 LVHA 的循顺序声明 :link-:visited-:hover-:active
2. 记忆法:love hate 或者 lv 包包 hao 。
3. 因为 a 链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。

1.4.1 链接伪类选择器

css判断某元素的子元素个数并分别设置样式的方法
09-24
主要介绍了css判断某元素的子元素个数并分别设置样式的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
CSS基础知识超全整理
07-04
整理好的一份关于css的知识大纲,希望能够帮助到大家,可以用来复习回顾
css元素定位:通过元素的标签或者元素的id、class属性定位,还不明白的伙计,看这个就ojbk了!
caixiangting的博客
03-20 874
大部分人在使用selenium定位元素时,用的是xpath元素定位方式,因为xpath元素定位方式基本能解决定位的需求。xpath元素定位方式更直观,更好理解一些。css元素定位方式往往被忽略掉了,其实css元素定位方式也有它的价值;相对于xpath元素定位方式来说,
3个非常棒的CSS技巧,可以在项目中完全代替JS
web前端开发
12-20 333
来源 |http://www.fly63.com/article/detial/8184本文介绍3个非常棒的css技巧,完全可以在你的项目中代替JavaScript,一起来看看这些技巧...
CSS基础 知识点总结
星星之火的语言c学习
08-18 2094
CSS指的是层叠样式表,用来控制网页外观的一门技术② CSS发展至今,经历过CSS1.0 CSS2.0 CSS2.1 CSS3.0这几个版本,CSS3.0是CSS最新版本① 选择器就是选中你想要的元素,就是指用一种方式把你想要的那个元素选中,只有把这个元素选中,你才能为它添加样式② 五种常用的选择器元素选择器id选择器class选择器后代选择器群组选择器③ 语法选择器属性1:取值1;属性2: 取值2;...属性n: 属性n;① 元素选择器。
css基础知识点总结
J120_G的博客
04-03 1179
#css#初级#基本知识点
CSS基础知识总结
Lotus_fragrance的博客
04-29 3009
一、基础认识 css的中文又叫做:层叠样式表。 语法:选择器 + {属性名: 属性值}、 css引入方式:1.内嵌式,写在style标签中。通常放在head中。2.行内式:写在style标签中,写在标签中。3.外联式:单独写一个css文件,通过link把该文件引入。 二、选择器 选择器 在html中写法 在css中写法 标签选择器 就是标签本身 div{ } 类选择器 class= "banner" .banner { }.
CSS基础知识
07-22
资源名称:CSS基础知识内容简介:0、基础知识1、CSS概述2、CSS基础语法3、CSS选择器4、CSS主要属性5、CSS核心机制-盒子模型6、CSS重点和难点-定位7、综合示例浏览器模式 当浏览器厂商开始创建于标准兼容的浏览器时...
html+css基础知识点整合
05-27
这是我在学习html和css时候整合的知识点,面还是比较详细,一些容易混淆的知识点也有说明
HTML+CSS3基础知识点资源
03-14
整理了很久,分享给初学者学习,让更多人学习HTML+CSS3
HTML+CSS基础知识点.pdf
06-17
HTML+CSS基础知识点.pdf
前端面试题整理(2021)
couch potato的博客
06-28 2887
1、canvas和svg的区别 canvas 基于像素 单个html,类似画笔在画布上画画 svg 基于对象模型 多个图形元素 高保真(不失真,不变形) 2、vdom 用 js 来模拟 DOM 结构 dom 变化的对比,放在js层来执行 提高重绘性能 DOM操作比较占内存,将dom操作放在js层,可以提高效率性能 3、数组的方法 push(),会返回改变后数组的长度 4、jsonp jsonp是一个简单高效的跨域方式,它允许在服务器端集成Script tags返回至客户端,通过javasc
CSS实现一个雨滴滑落效果
云加速
05-28 1109
这只是一个非常基础的示例,真实的雨滴滑落效果可能需要更复杂的动画和可能的JavaScript交互来实现更逼真的效果,比如雨滴的大小、速度、下落路径的随机性等。如果你想要一个更复杂的动画效果,你可能需要考虑使用SVG、Canvas或者WebGL等技术,并结合JavaScript来实现。使用纯CSS来实现一个真实的雨滴滑落效果可能会有些挑战,因为CSS主要关注于静态样式和简单的动画效果。然而,你可以使用CSS动画和@keyframes来模拟一个雨滴滑落的简化效果。这个示例中的雨滴是一个简单的圆形元素。
Vue3(TypeScript)-CSSProperties代码示例及用法详解
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-27 319
TypeScript中定义CSS Properties
3、flex弹性盒布局(flex:1?、水平垂直居中、三栏布局)
m0_73560798的博客
06-02 762
任何一个容器都可以指定为 Flex 布局。块元素,行内元素即可。div{span{注意,设为 Flex 布局以后,子元素的floatclear和属性将失效。
css-calc动态计算属性值无效
2301_76671906的博客
05-29 303
calc动态计算属性值无效,减号左右需要空格,width: calc(100vw - 360px);
前端开发--css学习笔记】CSS超详细的学习笔记。前端开发css学习笔记(非常详细,适合小白入门)
最新发布
m0_67844671的博客
06-02 696
前端开发--css学习笔记】CSS超详细的学习笔记。前端开发css学习笔记(非常详细,适合小白入门)
【JS实战案例汇总——不定时更新版】
微木
05-30 314
练习JS的实用案例,倒计时算法、定时轮播图
CSS中绝对定位和百分比问题(CSS中的小细节)
2301_79858914的博客
06-01 377
CSS 中,百分比高度的计算依赖于父元素的高度。如果父元素的高度不明确或由内容动态计算,子元素的百分比高度可能无法正确应用。使用绝对定位可以解决这个问题,因为绝对定位元素的百分比高度相对于最近的已定位祖先元素计算,而且是相对于最近的已定位祖先元素的实际高度(也就是由内容撑开的),即使已定位祖先元素没有显示设置height属性。显式设置父元素高度或使用 Flexbox 和 Grid 等现代布局技术也能有效解决这一问题。
vue css基础知识
09-22
Vue中的CSS基础知识包括以下几点: 1. 类绑定:使用v-bind:class指令,可以根据条件动态地绑定CSS类名。 2. 样式绑定:使用v-bind:style指令,可以绑定一个样式对象,动态地设置元素的样式。 3. 条件渲染:使用v-...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 创建一个电脑对象,该对象要有颜色,重量,品牌,型号,可以看电影,听音乐,打游戏和敲代码 5939
  • 创建一个按钮对象,该对象中需要包含宽,高,背景颜色和点击行为 3717
  • 本地存储—sessionStorage、localStorage 3675
  • Node.js—数据库 3093
  • Node.js—Express、Express 路由 、Express 中间件、使用 Express 写接口 2934

分类专栏

  • 笔记 69篇

最新评论

  • 创建一个按钮对象,该对象中需要包含宽,高,背景颜色和点击行为

    海某人844: 你这是两个按钮

  • Node.js—数据库

    Gikg.: 大佬有什么办法能让从数据库中获取到的字段赋值给js中的变量吗例如赋值给var什么的

  • JS 函数返回值相关练习(用户输入一个数字判断是否为素数)

    梨花香不香: 9...不是素数

  • JS 函数返回值相关练习(用户输入一个数字判断是否为素数)

    可爱的小曹: 我就说呢 把else里的break去掉就行了

  • JS 函数返回值相关练习(用户输入一个数字判断是否为素数)

    Veronica-: 没事,我们都是在不断学习的过程中一点点进步的

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • Node.js—数据库
  • Node.js—Express、Express 路由 、Express 中间件、使用 Express 写接口
  • Node.js—模块化、npm 与包
2022年40篇
2021年30篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

4617作文网性安起什么名字好听易经周易取名王者搞笑起名字周易八字算命免费测八字周易预测结婚周公解梦 狗咬自己周易取名2018公司起名预测免费下载解梦准不准的属鼠的男孩取名起名大全梦见装修房子 周公解梦开饭店怎样起名字好78年马开店起名用哪些字好模具厂起名大全梦见钱包失而复得 周公解梦哆啦a梦游戏破解版周易免费起名起名测名周易免费算卦算卦测昵称算命火锅店店铺起名周易公司怎么就倒闭了生辰八字算一生命运查查周公解梦2019新生儿免费起名字成都起名字哪家好毛巾公司起名姓曾男宝起名生辰八字算命2018运势连字起名字为设计起名字淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男子给前妻转账 现任妻子起诉要回网友建议重庆地铁不准乘客携带菜筐月嫂回应掌掴婴儿是在赶虫子重庆警方辟谣“男子杀人焚尸”国产伟哥去年销售近13亿新的一天从800个哈欠开始男孩疑遭霸凌 家长讨说法被踢出群高中生被打伤下体休学 邯郸通报男子持台球杆殴打2名女店员被抓19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警两大学生合买彩票中奖一人不认账德国打算提及普京时仅用姓名山西省委原副书记商黎光被逮捕武汉大学樱花即将进入盛花期今日春分张家界的山上“长”满了韩国人?特朗普谈“凯特王妃P图照”王树国3次鞠躬告别西交大师生白宫:哈马斯三号人物被杀代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了房客欠租失踪 房东直发愁倪萍分享减重40斤方法“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火手机成瘾是影响睡眠质量重要因素考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼网友洛杉矶偶遇贾玲呼北高速交通事故已致14人死亡西双版纳热带植物园回应蜉蝣大爆发男孩8年未见母亲被告知被遗忘张立群任西安交通大学校长恒大被罚41.75亿到底怎么缴沈阳一轿车冲入人行道致3死2伤奥运男篮美国塞尔维亚同组周杰伦一审败诉网易国标起草人:淀粉肠是低配版火腿肠外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万杨倩无缘巴黎奥运男子被猫抓伤后确诊“猫抓病”春分“立蛋”成功率更高?记者:伊万改变了国足氛围奥巴马现身唐宁街 黑色着装引猜测

4617作文网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化