css的零碎笔记

最新推荐文章于 2025-12-15 14:43:56 发布
原创 最新推荐文章于 2025-12-15 14:43:56 发布 · 198 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

不管一个元素在什么位置，position: fixed是相对于浏览器窗口定位的。width:100%,height:100%是浏览器可视窗口的宽高

一般元素的宽高设置百分比都是按照父元素的宽高计算，但是如果子元素的position设置为absolute，那百分比宽高按最近的定位的祖先元素宽高计算

qq_24199403
关注
《Web前端开发之HTML+CSS精英课堂【渡一教育】》文档版笔记（完结）
Panda颜的博客
06-23 1万+
笔记有文档版和思维导图版，先附上文档版，再附上思维导图版。课程内容较多，笔记并不完全，仅供参考，还是建议去观看课程，并自己记笔记。 参考：《Web前端开发之HTML+CSS精英课堂【渡一教育】》
【Python学习笔记】：Python爬取音频
bailichen800的博客
07-15 3953
于是就去搜索页面这种有大量id的网页，通过检查HTML代码的方法，找到了要薅羊毛的这个大集合目标网址的HTML代码，然后写爬虫获取网页源代码，通过CSS解析出当中隐藏的一大堆歌名、id等信息，最后再拿这一大堆id组合成完整歌曲链接，去爬想要的一大堆歌曲并且保存到本地。这块是有一点绕，一会是文字一会是属性的，对HTML比较熟的看起来要容易一些，或者对着老师的教程多看几遍，自己多尝试，不懂的问问Kimi。前面我们根据链接直接下载歌曲文件的时候，就用的content方法，直接获取歌曲的二进制文件并保存。
position:fixed固定定位的宽度问题
平平无奇的一条咸鱼
10-24 884
position:fixed固定定位的宽度问题
前端CSS零碎知识点
nkshuangyuan2012的博客
11-10 397
按钮在鼠标滑过的样式选择器：.btn:hover。按钮点击时的样式选择器：.btn:active。
Js与css零碎笔记1
weixin_34365417的博客
02-27 121
js学习参考博客:http://www.cnblogs.com/wzmaodong el表达式 <c:iftest="${NonEasouDown_flagnenull }"> <divstyle="background:#D2ECED;font-size:16;width:60%;">非宜搜歌曲</di...
零碎笔记总结
斗师——Ace
11-27 419
添加小程序，兑换各种视频教程/数据资源。 1.草料二维码生成二维码移动手机端浏览项目；步骤如下： （1）获取本机电脑的ipv4地址： 程序cmd->输入inpconfig回车 查看ipv4地址，如：172.16.30.123； （2）获取项目在浏览器打开的网址：如http://127.0.0.1:8111/public/； （3）百度搜索草料二维码生成器官网->网址 ：...
前端零碎笔记
HIRAETHZY的博客
03-14 339
有问题就搜mdn，HTML标签怎么用，css属性怎么用 1. id的命名可以用中文，在div无东西时，可以用css中的border来调试，css如果width和height像素一样，border-radius小于他们一半则是圆角矩形，如果等于或者大于他们的一半则是一个圆 **2.**子元素的选择 :nth-child() <div id="test"> <di...
css笔记
weixin_42488443的博客
01-15 426
一、什么是css cascading style sheet 层叠样式表 css不能脱离html而单独存在 二、语法 1.属性的设置 属性名和属性值之间使用冒号分隔 多对属性之间使用分号分隔 最后一对属性可以不加分号 style <div style="width:100px;height:100px;background-color:yellow;"></div> 其他（代码块） 选择器{ width：100px；
gulp配置零碎笔记
weixin_30355437的博客
08-23 137
1、gulp生成雪碧图 //生成sprites图片和样式表 gulp.task('sprite', function () { var spriteData = gulp.src('./src/img/icon/*.png').pipe(spritesmith({ imgName: 'sprite.png', cssName: 'sprite.css', im...
零碎笔记
weixin_30586085的博客
08-05 85
migrate 命令按照app顺序建立或者更新数据库, 将models.py与数据库同步。 __str__(self)函数（python3）Article对象要怎么表示自己, 一般系统默认使用<Article: Article object>来表示对象, 通过这个函数可以告诉系统使用title字段来表示这个对象.models.py 文件中 url设置相当于客户端向服务器发...
Vue2零碎笔记_myself
m0_56942812的博客
09-03 971
vue2笔记，vue2项目搭建，ref属性，props配置项，mixin(混入)，插件定义与使用，webStorage (本地存储/session存储)，组件自定义事件，全局事件总线(GlobalEventBus)，消息发布与订阅 (pubsub)，nextTick，Vue 封装的过渡与动画，vue脚手架配置代理，插槽，Vuex，路由，Element-ui 的使用
实用CSS代码片段集合：看板与标签样式快速应用
综上所述，该资源包虽名为“零碎片段”，实则蕴含丰富的CSS工程智慧：从选择器优化、布局模型应用、响应式策略到无JavaScript交互模拟，全面展示了现代CSS在提升内容可读性与用户体验方面的巨大潜力。对于前端开发者...
Java学习笔记：间隔重复法强化记忆
"这是一份关于Java课程的学习笔记4.1，包含了多个相关主题的链接，旨在帮助学习者巩固和深化对Java以及相关技术如MySQL、JDBC、Maven、MyBatis、HTML和CSS、JavaScript的理解。" 这篇笔记首先提到了学习过程中知识...
Python学习笔记34：进阶篇(二十三)pygame的使用之颜色与字体
weixin_48668564的博客
07-10 3830
Python进阶知识：pygame的使用之颜色与字体
css样式用flex 布局的时候元素尺寸展示不对
Youyzq的博客
12-12 410
摘要：当Flex布局中父元素宽度不足时，子元素默认会因flex-shrink:1而自动收缩。本文通过案例说明如何通过设置flex-shrink:0或使用flex:0 0 164px简写来固定子元素宽度，避免被压缩。同时简要介绍了flex布局的三大核心属性（flex-grow、flex-shrink、flex-basis）及其作用，帮助开发者精准控制Flex子元素尺寸。（148字）
CSS 网格布局（Grid Layout）核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
只会写bug
12-15 837
CSS网格布局(Grid Layout)是一种强大的二维布局系统，相比弹性布局更适合复杂页面设计。核心概念包括网格容器、网格项、网格轨道等。基础使用需定义网格容器(display:grid)，通过grid-template-columns/rows设置行列尺寸，支持px、fr、repeat()等单位。关键属性分为容器属性(如gap、grid-template-areas)和项目属性(如grid-column、grid-area)。实战中可实现3列自适应网格或经典页面布局(grid-template-area
Tailwind CSS 自适应相关
最新发布
循环编织时间年轮，递归叩问存在本质，谁能在硅基荒原上，种出思想的玫瑰……
12-15 671
Tailwind CSS本身不会自动实现自适应布局，而是通过响应式工具类（如sm:/md:/lg:前缀）让开发者手动控制不同屏幕尺寸的样式。实现自适应的关键有两点：1）主动使用断点前缀配置响应式样式，遵循移动优先原则；2）结合相对单位（w-full/fr）和弹性/网格布局。若仅使用固定像素类名，布局不会自适应。正确做法是：小屏默认样式+大屏断点覆盖，配合Flex/Grid布局的自动换行和空间分配特性，才能实现真正的响应式效果。
如何使用CSS Grid？
2501_94498451的博客
12-12 295
grid-template-columns ：定义列数和列宽（核心），例如 grid-template-columns: 100px 1fr 2fr 表示“1列固定100px，1列占1份，1列占2份”。- grid-column ：控制项目占几列，例如 grid-column: 1 / 3 表示“从第1列开始，到第3列结束（占2列）”。- grid-row ：控制项目占几行，例如 grid-row: 2 / 4 表示“从第2行开始，到第4行结束（占2行）”。/* 3等宽列 */
CSS 盒子模型：万物皆是盒子
chslim的博客
12-11 460
本文介绍了CSS盒子模型的核心概念，通过生活化的比喻帮助初学者理解网页布局原理。文章将网页元素比作快递盒子，详细解析了四个组成部分：内容(Content)是盒子里的物品，内边距(Padding)相当于防撞气泡膜，边框(Border)是盒子外壳，外边距(Margin)则是盒子之间的间隔。重点区分了Padding（内部空间）和Margin（外部间隔）的差异，并提供了实际应用场景说明。掌握盒子模型的空间控制方法，就能有效解决网页布局问题。
Logseq笔记实践：CSS的高效组织与管理
在logseq笔记中，用户可以利用CSS来美化笔记，调整视觉效果，提升笔记的可读性和美观度。logseq允许用户通过编辑CSS来自定义笔记的外观，如字体样式、颜色主题、页面布局等，从而使得笔记更具个性化。 在logseq的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值