CSS知识点

最新推荐文章于 2024-10-02 15:35:50 发布
最新推荐文章于 2024-10-02 15:35:50 发布
阅读量168 收藏
点赞数
文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39307266/article/details/122866868
版权

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
意思是如果设置的不是max-width:500px，而是width:500px；那么当浏览器窗口小于500px；时会发生横向的滚动条，（横向滚动条不规范），如果是max-width的话，窗口大于或等于500就按500显示，如果窗口小于500 那么按照窗口大小显示，比如窗口只有300.那么元素的宽度就是300
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
每个字母之间的距离 而不是单词
在这里插入图片描述
在这里插入图片描述
就是说一段文字 如果超出了窗口大小，如果white-space:nowrap就不换行 出现横向滚动条，如果不设置 就会换行 没有横向滚动条。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
双击后，选中的文本颜色为红 背景为黄
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
媒体查询就是一种判断条件，
在这里插入图片描述
在这里插入图片描述
他把主要区域分为两列，
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
大于768 桌面 600-768 平板 小于600 移动
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

确实菜，真的爱
关注
要根据窗口尺寸选择不同的样式，你可以使用CSS的媒体查询（Media Queries）功能
BLOG域名:programb.blog.csdn.net
07-03 787
通过这种方式，你可以为不同的屏幕尺寸定义不同的样式，从而实现响应式设计。这将确保浏览器根据设备的屏幕宽度来设置视口，从而允许媒体查询根据实际的窗口尺寸来应用样式。当窗口宽度在600px到800px之间时，背景色为浅绿色，字体大小为14px。/* 当浏览器窗口宽度在 600px 到 800px 之间时应用的样式 */当窗口宽度大于或等于800px时，背景色为浅蓝色，字体大小为16px。当窗口宽度小于或等于600px时，背景色为浅红色，字体大小为12px。
CSS知识点总结
weixin_48494427的博客
03-16 2218
CSS知识点总结
html+css知识点总结：
2303_79193185的博客
04-27 2068
css指层叠样式表css定义如何显示html元素样式通常存储在样式表中外部样式表可以极大提高工作效率外部样式表通常存储在css文件多个样式定义可以层叠为一。
CSS 知识点
weixin_54373148的博客
11-06 1858
web前端入坑 CSS知识点合集
HTML与CSS知识点总结
cherish_hyl的博客
10-17 2590
1、常用浏览器 ​ 浏览器内核（渲染引擎）：负责读取网页内容、整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident IE、猎豹安全、360、百度浏览器 Firefox Gecko 火狐浏览器内核 Safari Webkit 苹果浏览器内核 Chrome/Opera Blink chrome/opera浏览器内核。Blink其实是Webkit的分支 注：国内浏览器一般采用Webkit/Blink内核，如UC、QQ等 2、Web标准 主要
HTML和CSS知识点总结（包括H5和C3)
qq_42349528的博客
07-28 7685
HTML和CSS知识点总结 1.常用的HTML标签 标题标签 <h1></h1>~<h6></h6> 段落标签<p></p>和换行标签<br/> 文本格式化标签 加粗<strong></strong>和<b></b> 倾斜和<i></i> 删除线<del></del>和<s&gt
HTML CSS 知识点总结
weixin_61000863的博客
06-23 919
html css基础知识总结
最新最全css知识点总结，自用，持续更新
果冻
07-07 4841
目录 一、CSS简介 二、基础知识 1、css的引入方式 2、基础选择器 （1）标签选择器 （2）id和class选择器（类选择器） （3）通配符选择器 3、复合选择器 （1）后代选择器 (重要） （2）子选择器 (重要） （3）并集选择器 (重要） （4）伪类选择器 4、文本样式总结 （1）字体类型font-family （2）字体大小font-size （3）字体颜色color （4）字体粗细font-weight （5）字体斜体font-style （6）字体复合
CSS基础 知识点总结
星星之火的语言c学习
08-18 2816
① CSS指的是层叠样式表，用来控制网页外观的一门技术② CSS发展至今，经历过CSS1.0 CSS2.0 CSS2.1 CSS3.0这几个版本，CSS3.0是CSS最新版本① 选择器就是选中你想要的元素，就是指用一种方式把你想要的那个元素选中，只有把这个元素选中，你才能为它添加样式② 五种常用的选择器元素选择器id选择器class选择器后代选择器群组选择器③ 语法选择器属性1：取值1；属性2: 取值2；...属性n: 属性n;① 元素选择器。
CSS基本知识点总结
qq_40046544的博客
07-29 9674
CSS指的是层叠样式表（CascadingStyleSheets）CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作。它可以同时控制多张网页布局。盒子的概念页面中的每一个标签都可以看做是一个盒子；通过盒子的视角，可以更方便的进行布局浏览器在渲染网页时会将网页中的元素看做是一个个的矩形区域，我们也形象称之为盒子盒子模型内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）构成。...
html+css知识点总结
06-24
html+css知识点总结
CSS知识点汇总.xmind
04-16
CSS
CSS知识点.xmind
08-30
里面整理了css样式,用思维导图的形式展示了,对学习css的同学们来说更清晰,css知识点整理,欢迎大家来收藏
ＣＳＳ知识点总结（脑图）
12-05
从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加...于是CSS便诞生了。
HTML、CSS知识点总结
10-20
html、css知识点，归纳整理。包括基本标签、样式、例子、运行环境等。欢迎大家讨论、更正，共同进步！
CSS画出三角形的做法
mingangel的博客
10-01 203
在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。
CSS 盒子属性
m0_74012211的博客
10-02 199
CSS 盒子属性
如何用JavaScript编写一个简单的计数器
Jiaberrr的博客
10-01 262
在网页开发中，计数器是一种常见的功能，它可以帮助我们记录点击次数、显示时间等。下面我将介绍如何在HTML页面中使用JavaScript实现一个基本的计数器。
【CSS】position
最新发布
小秀的博客
10-02 129
特点：粘性元素根据滚动位置在相对（relative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。特点：不影响元素本身特性，元素不脱离文档流，相对于原位置进行偏移。特点：元素脱离文档流 ，块级元素由内容撑开宽高，清除子集浮动。参考物：距离最近的使用了定位的父级，没有时找body。position: static 静态定位（默认）参考物：根据用户的滚动位置进行定位。参考物：元素的初始位置。
CSS知识点全览：单位、选择器与样式引入
"这是一个关于CSS知识点的综合文档，涵盖了CSS中的各种单位、颜色处理、图标设置、样式表引入方式、优先级、选择器、内容属性、背景属性、字体属性、文本属性、列表属性以及表格样式等多个核心概念。" 在CSS中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值