2020年前端星计划 # 深入CSS 听课笔记

最新推荐文章于 2024-09-25 18:30:38 发布
最新推荐文章于 2024-09-25 18:30:38 发布
阅读量233 收藏
点赞数
分类专栏： 大前端和跨平台技术 文章标签： css css3
请明确标注出处
本文链接：https://blog.csdn.net/qq_33583069/article/details/106436515
版权
本文是关于2020年前端星计划的CSS笔记，涵盖了选择器特异度、CSS继承、CSS求值过程、布局概念、盒模型、块级和行级排版上下文，以及Flex Box的基础知识。通过学习，你可以深入了解CSS的工作原理和高级布局技巧。
摘要由CSDN通过智能技术生成

选择器的特异度 specificity

CSS 继承


和文字相关的属性默认会继承
显式继承：为属性设置inherit就可实现继承

CSS 中，每个属性都有一个初始值

  • background-color 的初始值为 transparent
  • margin-left 的初始值为 0

可以使用 initial 关键字显式重置为初始值

  • background-color: initial

CSS求值过程

了解本专栏 订阅专栏 解锁全文 超级会员免费看
真·skysys
关注
专栏目录
订阅专栏
2020年前端星计划 # CSS进阶 听课笔记
skysys的研究小屋
06-12 194
transform变形 对元素进行平移、旋转、缩放、倾斜 translate / translateX / translateY 原位置仍然保留，参数给百分比是相对自身的大小 rotate deg/turn(圈) 顺时针 默认围绕中心点（通过tranform-origin修改基准点） scale skew 注意： 元素变形之后，坐标轴也会改变。 transform 不会对其它元素布局产生影响 3D变形 https://ppt.baomitu.com/d/050b7302#/8 pers
【CSS3】一些听课记录（样例代码）
weixin_49133874的博客
03-27 1080
这里写自定义目录标题简单放大效果功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 -前端兼容性自查工具 caniuse 简单放大效果 <!DOCTYPE html> <html lang="en"> &lt
2020年前端星计划 # 了解CSS 听课笔记
skysys的研究小屋
05-30 208
CSS是什么？ 在页面中使用CSS 推荐第一种方法。 CSS如何工作的 选择器 Selector 找出页面中的元素，以便给他们设置样式 使用多种方式选择元素 按照标签名、类名或 id 按照属性 按照 DOM 树中的位置 通配选择器 标签选择器 id选择器 类选择器 属性选择器 [属性名]，如[disabled]:{} 标签名 [属性名=”属性值“]，如input[type=“button”]:{} 限制属性以XX开头或结尾 ，如：a[href^="#"]，a[
2020年前端星计划 # JavaScript 从入门到放弃 听课笔记
skysys的研究小屋
06-12 399
企业项目开发高频技术：登录功能实现 什么才是好的JS代码？ 1 各司其职 例子1：http://ppt.baomitu.com/d/53a0a9aa#/3 <div id="main"> <div class="pic"> <img src="https://p4.ssl.qhimg.com/t01e932bf06236f564f.jpg"...
2020年前端星计划 # Web标准：前端的原力 听课笔记
skysys的研究小屋
06-12 225
01 Web标准概述 02 Web标准介绍 https://ppt.baomitu.com/d/59237afa#/5 （这里有超链接） CSS CSS Containment Module Level 1 Selectors Level 3 CSS Fonts Module Level 3 CSS Basic User Interface Module Level 3 (CSS3 UI) CSS Color Module Level 3 CSS Namespaces Module Level 3
2024年Web前端最全实习总结 - 分销商数据查询平台 - 需求分析，35岁老年程序员的绝地翻身之路
2401_84411018的博客
05-05 336
推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
从文科生到前端专家 - 在转行时我想过的问题
2401_84412050的博客
05-01 1074
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
2020年最新Java后端学习路线，适用于所有Java初学者！
weixin_46898270的博客
08-09 3859
/文章很长，能看完的少走一个月弯路，绝不抖机灵/ 这篇文章是为了介绍自己自学用过的Java视频资料。 本套整合教程总共180+G，共450+小时。考虑到绝大部分视频至少要看两遍，而且视频总时长并不代表学习时长，所以零基础初学者总学习时间大约为： 600小时视频时长 + 100小时理解 + 100小时练习，至少需要800小时。 你可能觉得自己能一天学习8小时，实际上平均下来每天能学4小时都算厉害了。总会有各种原因，比如当天内容太难，公司聚会，要出差等等。如果周末你也是坚持学习，那么最理想状况下，6个半月就可.
前端开发：CSS的“*”“#”“.”符号的对比使用
软贱开发攻城狮
08-09 5328
在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的符号相关内容，关于它的使用也是比较常用的，常用的有：“*”、“#”、“.”等符号，所以在前端项目开发中经常会用到该功能，总结一下，方便查阅使用。..................
web前端期末结课大作业 html+css+javascript网页设计实例 企业网站制作
11-15
期末结课大作业 html+css+javascript网页设计实例 企业网站制作，资源里面有网页的HTML文件、CSS文件、JAVASCRIPT文件和网页中的图片文件，用于大学web网页课程设计参考以及相关从业人员参考学习
尚硅谷web前端HTML5+CSS3笔记
qq_52380174的博客
12-19 4470
HTML/CSS笔记#自用#尚硅谷#李立超
黑马程序员, html css javascript 前端笔记 pink老师教程
alexwang的博客
08-03 2130
黑马程序员, html css javascript 前端笔记 pink老师教程
【CSS in Depth 2 精译_039】6.3 CSS 定位技术之：相对定位（上）
最新发布
PeacefulWinter的博客
09-25 587
本篇主要介绍了CSS的相对定位技术（relative positioning），通过一个下拉菜单的简单示例，详细讨论了相对定位的特点及适用场景，以及应用过程中需要考虑的一些问题（如页面可访问性等）。本节对上一版作了大幅更新，最后还针对正文提到了一个功能点进行了补充完善。感兴趣的朋友不妨动手试试，一定会有新的收获。建议先收藏！
CSS开发全攻略
邓邓子的博客
09-25 963
在网页设计与开发的世界中，CSS（Cascading Style Sheets，层叠样式表）是一种不可或缺的技术，它允许开发者对网页的布局和样式进行精细的控制。本文将从CSS的基本概念、作用以及它在现代网页设计中的重要性等方面进行详细概述。CSS是一种用于描述HTML或XML文档样式的样式表语言。它定义了如何将结构化文档（例如HTML文档或XML应用程序）呈现为网页。CSS的主要作用是分离文档的内容（HTML或XML结构）与文档的表现形式（布局、颜色、字体等），从而实现更高效的页面设计与维护。
若依VUE项目安全kind-of postcss vite漏洞扫描和修复
qq_33225414的博客
09-18 488
升级vite、unplugin-auto-import。
CSS学习 - 常用属性
Aaron121314的博客
09-25 264
font-style、font-variant、font-weight、font-size/line-height 以及 font-family 的简写属性。要按照顺序，可以不设置某个值，未设置的使用默认值。border-width、border-style 以及 border-color 的简写属性。可以去这边查看几乎所有的属性。
css-functions伪类选择器系列一
Jinuss的博客
09-23 513
CSS伪类选择器：:is()、:not()、:where()、:has()等等介绍
【CSS】鼠标 、轮廓线 、 滤镜 、 堆叠层级
千里之行，始于足下
09-23 318
鼠标，轮廓线，滤镜，堆叠层级
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

真·skysys

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值