前端笔记（2）CSS进阶

最新推荐文章于 2024-09-13 23:32:49 发布
最新推荐文章于 2024-09-13 23:32:49 发布
阅读量66 收藏
点赞数
文章标签： 前端 css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57497700/article/details/123020039
版权

一、选择器

后代

子代

 并集

 交集

 伪类emmet语法

 二、背景相关属性

 

 

 

 三、元素显示模型

 

 

 四、CSS特性

继承性 层叠性

 

 

 

 

 

 

 

 

 

 

m0_57497700
关注
前端笔记之CSS进阶 - CSS特性
qq_52647098的博客
07-11 211
CSS特性
超详细的学习笔记：CSS进阶（附代码示例）
lbcbjtlhmjq的博客
07-09 612
作用:根据 HTML标签的套关系，选择父元素 子代中 满条件的元素选择器语法:选择器1 > 选择器2{ css }2、背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色。在选择器1所找到标签的后代(儿子、孙子、重孙子...)中，找到满足选择器2的标签，i设置样式。作用:同时选择多组标签，设置相同的样式选择器语法:选择器1，选择器2{ css }(既又原则)找到页面中既能被选择器1选中，又能被选择器2选中的标签，设置样式。
前端笔记之CSS进阶 - 背景相关属性
qq_52647098的博客
07-09 184
CSS进阶 - 背景相关属性
前端笔记之CSS进阶 - 元素的显示模式
qq_52647098的博客
07-10 205
元素显示模式
前端笔记之CSS进阶 - 选择器进阶
qq_52647098的博客
07-07 117
css进阶 - 选择器进阶
前端css进阶学习笔记
a_big_panda的博客
01-29 868
注意：可以通过调试工具判断样式是否可以继承例如：效果：注意：如上图所示，如果标签本身带有css属性则不继承父标签属性2.1层叠性的介绍注意：当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果例如：效果：注意：优先级相同时，后面的效果层叠前面的效果。
前端学习笔记（CSS进阶部分）
weixin_45901312的博客
10-11 173
前端学习笔记（课程：黑马程序员） 选择器进阶 后代选择器：空格 作用：根据HTML标签的嵌套关系，选择父元素后代中满足条件的元素 选择器语法：选择器1 选择器2 { css } 结果： 在选择器1所找到标签的后代（儿子，孙子，重孙子…）中，找到满足选择器2的标签，设置样式 注意点： 1.后代包括：儿子，孙子，重孙子… 2.后代选择器中，选择器与选择器之前通过空格隔开 子代选择器：> 作用：根据HTML标签的嵌套关系，选择父元素子代中满足条件的元素 选择器语法： 选择器1 > 选择器2 { css
第四次网页前端培训笔记（CSS进阶）
qq_66148728的博客
02-08 427
一、背景 二、文本 三、对齐方式 四、display属性 五、浮动 六、盒子模型 注释
CSS进阶笔记1
solololo的博客
06-26 1435
不同的浏览器，默认样式也是不同的。举个例子，ul元素有缩进样式。此外，它只能消除默认的padding和margin，像ul的列表项符号、em的斜体、strong的加粗等却没有去除。CSS的层叠性，指的就是样式的覆盖。对于同一个元素来说，如果我们重复定义多个相同的属性，并且这些样式具有相同的权重，CSS会以最后定义的属性的值为准；CSS的继承性，指的是子元素继承了父元素的某些样式属性，例如在父元素定义字体颜色（color属性），子元素会继承父元素的字体颜色。所谓的指定样式，指的是指定“当前元素”的样式。
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar
04-18
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...
VUE进阶 笔记贰章 前端工程化
12-30
Vue进阶笔记的第二章主要聚焦于前端工程化，这是一个旨在提高开发效率、优化代码质量和维护性的主题。前端工程化的概念涵盖了许多方面，包括项目构建工具、模块打包、自动化测试、持续集成和部署等。下面将详细探讨...
前端入门和进阶学习笔记超详细的图文教程
08-10
本教程"前端入门和进阶学习笔记超详细的图文教程"旨在帮助初学者从零基础开始，逐步掌握JavaScript，并进一步提升至全栈工程师的水平。 一、JavaScript基础 JavaScript是一种解释型的、基于原型的对象导向语言，它...
渡一前端html、css、js笔记及学习规划规划.zip
01-08
渡一前端html、css、js笔记及学习规划规划。了解前端概念，掌握编程规 范，学会HTML必用标签并且能 自定义标签，精通css底层原理 熟练使用达成精准化布局，为后 续课程打下坚实的基础；深入浅出ECMASCRIPT 部分，...
-webkit-box-reflect属性与倒影效果的实现
最新发布
读心悦
09-13 465
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 458
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
easyexcel模板导出并且公式自动计算的方法
weixin_47615289的博客
09-11 523
【代码】easyexcel模板导出并且公式自动计算的方法。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 957
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
（微服务项目）新闻头条——Day1
weixin_73253843的博客
09-13 1159
（微服务项目）新闻头条——Day1
前端笔记：HTML与CSS基础及进阶
"HTML, CSS, HTML5, CSS3的学习笔记，由pink老师整理，便于在不同设备间查看和学习前端知识。" 本文将详细介绍HTML、CSS以及它们的最新版本HTML5和CSS3的相关知识点，主要关注HTML中的表单元素及其属性。 ### HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值