css学习笔记

最新推荐文章于 2024-10-08 16:24:58 发布

糖豆罐

最新推荐文章于 2024-10-08 16:24:58 发布

阅读量61

点赞数

分类专栏：前端学习笔记文章标签： css 学习 html

本文链接：https://blog.csdn.net/sukoku/article/details/126653521

版权

前端学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、外边距合并：

多个盒子垂直外边距重叠仅较大的垂直外边距生效

父元素第一个子元素加上边距会实现在父元素外

解决方法:

1.父元素的顶部加一个上边框

2.改为给父元素设置内边距

3.给父元素添加溢出隐藏/*overflow:hidden*/

二、解决高度塌陷——清除浮动：继续把父盒子撑开

给父盒子设置高度
为父盒子添加溢出隐藏（可能会将其他有用的盒子同样隐藏）
额外标签法：在所有浮动盒子的最后一个位置添加一个空块状元素，然后给空块状元素添加样式clear:both
写成独立公共的类（优选），利用伪元素，在所有浮动盒子的父盒子上调用

三、隐藏元素

overf:hidden; 脱离文档流

display:none;脱离文档流

visibility: hidden; 继续占位

opacity: 0;继续占位

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

糖豆罐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML+CSS学习笔记.zip

01-01

HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

CSS 学习笔记

01-19

id的优点（class的缺点）：id写在css用#选择器，class写在css中用.选择器。#选择器的优先级高于.选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者id容器内的标签将是很容易和有效的。而class标签，或者...

参与评论您还未登录，请先登录后发表或查看评论

CSS学习笔记

ts1296797634的博客

09-23

825

CSS）指的是层叠样式表，可以同时控制多张网页的布局，外部样式表存储在 CSS 文件中，即实现一张HTML页面可切换多个样式。CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。CSS 从 HTML 页面中删除了样式格式！样式定义通常保存在外部 .css 文件中。通过使用外部样式表文件，更改一个文件即可更改整个网站的外观！

尚硅谷CSS学习笔记

MissXu666的博客

10-10

1401

等等），导致节点位置发生变化，此时触发浏览器重排（reflow），需要重新生成渲染树。③维护方面：CSS Sprites在维护的时候比较麻烦，页面背景有少许改动时，就要改这张合并的图片，无需改的地方尽量不要动，这样避免改动更多的CSS，如果在原来的地方放不下，又只能（最好）往下加图片，这样图片的字节就增加了，还要改动CSS。我们在编码时，不用过于关注浏览器的私有前缀，不用去记忆，去查询，因为常用的css3 新特性，主流浏览器都是支持的，对于老版本浏览器，我们也可以借助现代构建工具，去帮我们添加私有前缀。

css学习笔记1

qq_42236791的博客

12-12

985

HTML（结构）、CSS（表现）、行为（JavaScript）CSS的全称：层叠样式表（Cascading Style Sheets）。CSS也是一种标记语言，用于给HTML结构设置样式，例如：文字大小、颜色、元素宽高等。简单理解：CSS可以美化HTML，让HTML更漂亮。核心思想：HTML搭建结构，CSS添加样式，实现了：结构与样式的分离。

EPICS工具CSS学习笔记

qq_43456972的博客

10-13

2446

控制系统工作室(CSS)是一项实现控制系统相关的应用，主要针对的是操作员界面。它是基于目前的软件技术（Java、Eclipse），并特别强调了互操作性。使用Centos7.0系统作为EPICS环境开发，搭建了CSS基础的控件操作，并成功运行。

CSS学习笔记目录

wz_1992的博客

05-30

502

CSS学习笔记之基础教程（一） CSS学习笔记之基础教程（二） CSS学习笔记之中级教程（一） CSS学习笔记之中级教程（二） CSS学习笔记之中级教程（三） CSS学习笔记之高级教程（一） CSS学习笔记之高级教程（二） CSS学习笔记之高级教程（三） CSS学习笔记之高级教程（四）

CSS学习笔记（详细）

jojo_oulaoula的博客

05-13

751

Cascading Style Sheet 级联样式表表现为HTML或XHTML文件样式的计算机语言包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定若将HTML比做人的骨架，那么CSS就是皮肤，在骨架的架构上进行修饰美化。CSS文件后缀名就是.css。

HTML/CSS学习笔记

weixin_54687499的博客

06-10

2395

HTML/CSS 自学笔记学习使用视频：B站黑马程序员前端课程（如侵权，立即删，请私信）

前端css基础学习笔记

a_big_panda的博客

01-22

1010

例如：效果：例如：效果：例如：效果：选择页面中对应的标签（找她），方便后续设置样式（改她）例如：效果：例如：效果：注意：一个id选中多个标签也有效果，但不符合规范，规范是一个id选择器只选中一个标签例如：效果：例如：效果：例如：效果：注意点：例如：效果：例如：效果：注意：注意：例如：效果：例如：效果：注意：例如：效果：例如：效果：注意：如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置例如：效果：注意：开发中会使用text-decoration：none；清除a标签默认的下

HeadFirst HTML&CSS学习笔记.zip

12-29

CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...

前端学习——CSS——李白代表作品页面(3)

2301_80073593的博客

10-02

1654

在一个无序列表中，列表项的标志是指出现在各列表项旁边的圆点或其他符号。

【CSS】水平垂直居中

小秀的博客

10-02

467

容器设置position: relative。子元素设置 position: absolute;left: 50%;需要给子元素设置 position: absolute;设置固定宽度和高度;top、left、bottom、right都设置为0;margin设置为auto；给容器设置 display: flex;子项设置 margin: auto;给父盒子设置属性 flex。给父盒子和子盒子设置属性。flex:1 的作用。

66. three.js Canvas画布布局

Miller777_的博客

10-08

262

Canvas是HTML的元素之一，Canvas元素的CSS布局规律和div、img等其它HTML元素相似，webgl就是依赖于canvas实现，threejs是基于webgl封装的，自然也要依赖canvas，具体说就是把三场场景渲染到canvas画布上。案例源码“CSS布局案例.html”的布局效果，你也可以用CSS其它方式实现，不一定和课程中一样，CSS布局是前端知识，这里不展开讲解，咱们把重点放在threejs上面。

HTML的修饰(CSS) -- 第三课

ZxVSaccount的博客

10-01

1078

前面我们已经了解了html的一些基本使用方法,我们再写html代码的时候不可避免的会改变其中的一些样式,而这就有一种专门的方式用来修饰html编写的网页的样式,它就是css!本节主要介绍了css 的基本用法和属性,内容较多,多多练习,熟能生巧!

CSS也可以赋一个变量值？是的