CSS需要掌握哪些知识点

最新推荐文章于 2023-09-21 11:36:32 发布
最新推荐文章于 2023-09-21 11:36:32 发布
阅读量1.1k 收藏 19
点赞数 4
分类专栏： CSS 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhw19960418/article/details/107127710
版权

1、CSS三种样式表

在这里插入图片描述
工作中外部样式表运用较多，原理一样，知识CSS代码书写位置不同

2、CSS代码具体规则

在这里插入图片描述

3、CSS选择器（重点）

3.1CSS选择器的作用

选择器就是为了选择特定的HTML元素（标签）

3.2、CSS基础选择器

在这里插入图片描述
总的来说，类选择器是我们工作中最常用的

  • 尽量少用通用选择器
  • 尽量少用ID选择器
  • 不使用无具体定义的标签选择器 div span

4、CSS样式属性调试工具

4.1、font字体

最低0.47元/天 解锁文章
零可
关注
  • 4
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
CSS的重点基础知识
weixin_50939386的博客
03-20 1048
CSS的重点基础知识 背景 1.背景颜色 属性名：background-color 属性值： rgb rgba 十六进制 关键字 注意点：为了不影响盒子大小，一般给盒子设置背景颜色 2.背景图片 属性名：background-image:url(’’); 括号里面的引号可以不写，但一般都推荐写 背景图片一般作为装饰作用，需要在放在div里面，但是它不能撑开盒子。 3.背景平铺 属性名：background-repeat 背景平铺就是把图片铺满整个盒子。那如何不让背景图片平铺或者让它按我们
css知识点总结包含xmind文件
10-11
在这个“css知识点总结包含xmind文件”的压缩包中，包含了多种格式的CSS知识点思维导图，帮助学习者系统地理解和掌握这一关键技术。 首先，网页版的CSS知识点总结可能是一个在线交互式的文档，通过浏览器访问，用户...
CSS基本知识点总结
qq_40046544的博客
07-29 9413
CSS指的是层叠样式表（CascadingStyleSheets）CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作。它可以同时控制多张网页布局。盒子的概念页面中的每一个标签都可以看做是一个盒子；通过盒子的视角，可以更方便的进行布局浏览器在渲染网页时会将网页中的元素看做是一个个的矩形区域，我们也形象称之为盒子盒子模型内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）构成。...
CSS笔记汇总-最全最仔细（会时刻更新）
小女不才
09-21 1335
样式表优点缺点使用情况控制范围行内样式书写方便，权重高没有实现样式和结构相分离较少一个标签内部样式部分结构和样式像分离没有彻底分离较多控制一个页面外部样式完全实现结构和样式相分离需要引入最多，强烈推荐控制整个站点一个完整的网页 ，是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。浮动可以让多个块级元素行显示或者左右对齐盒子 ，多个块级盒子水平显示就用浮动布局。定位。
CSS基础 知识点总结
星星之火的语言c学习
08-18 2659
① CSS指的是层叠样式表，用来控制网页外观的一门技术② CSS发展至今，经历过CSS1.0 CSS2.0 CSS2.1 CSS3.0这几个版本，CSS3.0是CSS最新版本① 选择器就是选中你想要的元素，就是指用一种方式把你想要的那个元素选中，只有把这个元素选中，你才能为它添加样式② 五种常用的选择器元素选择器id选择器class选择器后代选择器群组选择器③ 语法选择器属性1：取值1；属性2: 取值2；...属性n: 属性n;① 元素选择器。
CSS入门学习 —（全基础合集）
lerrel1的博客
07-28 1203
CSS ( Cascading Style Sheets，层叠样式表 ），是一种用来为结构化文档（ 如 HTML 文档或 XML 应用 ）添加样式，字体，间距和颜色等的计算机语言
CSS3:CSS3 知识点提炼整理
05-08
CSS3核心知识点 CSS 选择器 背景 & 颜色 & 边框 字体 & 描边 & 倒影 动画 transform & transition & keyframes @media 媒体查询 flex 弹性盒 width: 50}, CSS进阶顺序 基础 能还原设计稿、兼容各种主流浏览器 盒子...
HTML+CSS3基础知识点资源
最新发布
03-14
同时，CSS3的定位机制（static、relative、absolute和fixed）也是重要的知识点，它们决定了元素相对于其父元素或视口的位置。 学习HTML+CSS3时，动手实践至关重要。通过创建简单的网页并不断修改样式，你可以直观地...
HTML_CSS 知识点集合.rar
01-05
HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）...这个“HTML_CSS知识点集合”可能涵盖了以上这些内容，通过深入学习和实践，你可以更好地理解和掌握这两种语言，从而创建出美观且功能丰富的网页。
Css知识点归纳总结.doc
03-29
"Css知识点归纳总结" Css（Cascading Style Sheets）是一种用于描述标记语言文本样式的语言，主要用于控制网页样式和布局。...Css是网页样式和布局的基础，掌握Css知识点可以帮助我们更好地设计和布局网页。
CSS常用的基础知识点
happy81997的博客
06-30 701
CSS 并不是面试重点考察的领域，但如果能在 CSS 领域有自己的见解和经验，会使自己更加脱颖而出。1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型
CSS知识全解
qq_54334713的博客
03-23 2588
css3复习大纲
前端基础学习——你必须掌握的CSS的知识
weixin_53919192的博客
07-05 835
本文带大家理解掌握CSS的知识，希望对你有帮助~~
关于CSS的学习内容一
茹嗨瑞的博客
08-04 336
什么是css、样式表的创建、css语法、css的一些属性代码、css层叠性的体现、选择器、去除下划线的属性、首行缩进、边框设置、行高设置、外间距 margin、内间距 padding、层次选择器、浮动属性、文本相关的属性、背景相关的属性......
css基础知识
健康平安的活着的专栏
05-12 1875
一 css 1.css 用于控制网页样式的一种标记语言，通过使用css可以使网站外观更加美观，结构更加简化。 2.css的语法： 选择符{属性:属性值}；属性必须要包含在{}中，并且之间用属性和属性值“：”分隔。当有多个属性时，用“；”进行区分。 3.选择符： 通配符选择符，* 代表所有元素，如 *{font-size:12px}; 类型选择符 如 <p class="red"> 这是第一个段落 </p> 选择符的写法： p.red{color:red}...
10 个 web前端开发者必须要掌握的CSS 技巧
web前端开发
04-07 448
英文 |https://medium.com/@nasyxrakeeb2/10-css-pro-tips-code-this-not-that-codipher-f94558e82756翻译 | 杨小爱CSS 是每个 Web 开发人项目中的重要组成部分。对于没有设计和 UI 的 Web 开发人员来说，一切都是不可能的。因此，在使用 CSS 时保持高效非常重要。在本教程中...
CSS基础必备知识点01
qq_38148024的博客
09-29 409
CSS基础必备知识点 CSS（Cascading Style Sheme）， 层叠样式表或级联样式表，简称样式表。它的作用是给HTML网页设置外观或者样式。其中外观或者样式指的是：HTML网页中的文字大小、颜色、字体，网页的背景颜色、背景图片等。 (一) CSS的语法规则 CSS代码是由选择器和一对花括号组成, 即：选择器：{语句1;语句2;…} 花括号里面是一条一条的声明语句组成 每一条语句...
CSS知识总结（一）
weixin_34417635的博客
08-09 89
一.认识CSS 　1.什么是CSS？ 　　CSS (Cascading Style Sheet) 层叠样式表 　　是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 　　由于CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，因此不同的浏览器可能需要不同的前缀。 前缀 浏览器 -webkit chrome和saf...
最全CSS基础知识整理
前端攻城狮
09-10 1536
目录 一、css基础 二、css核心属性 三、css盒模型和文本溢出 四、CSS元素类型 五、定位、锚点和透明 六、图片整合 七、宽高自适应 八、浏览器兼容 九、表格、表单和统筹 十、H5标签 十一、css选择器 和css3 属性 一、css基础 二、css核心属性 三、css盒模型和文本溢出 四、CSS元素类型 五、定位、锚点和透明 六、图片...
全面掌握CSS基础与进阶知识点总结
本文档是对CSS（层叠样式表）知识点的详细归纳和总结，旨在帮助学习者系统地理解和记忆CSS基础知识。CSS是用于网页设计和开发中的关键语言，它控制网页元素的外观和布局。 1. **基本格式**： CSS采用三种基本格式...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值