CSS_笔记

原创 已于 2023-05-11 20:23:59 修改 · 178 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #笔记 #前端

于 2023-04-25 21:34:02 首次发布
文章探讨了块级元素的特性，它们默认填充父级宽度并由内容决定高度。提到文字竖直居中的条件以及避免给内容设定宽高以防止溢出。行内元素的padding和margin在垂直方向上的效果不明显，建议使用margin来创建间距。此外，强调了display:flex属性需应用于父级容器，如ul>li结构中，要使li弹性，flex属性应添加到ul上。

块级元素默认铺满父级的宽，高度由内容撑开。

居中

文字：
竖直--父级高度h和行高lh一样高

少给盒子里面的内容设置宽高，容易溢出。

行内元素的pad和margin上下都无效。

上下pad最好不加，上下的间距最好用mar拉开，因为内容lh和pad容易让盒子撑破肚子。

disply:flex 弹性盒子必须加在父级容器上，不能加给祖宗身上，比如ul>li，要想让li弹性，必须加给ul

我就比较想打一架。操蛋

CSS Module 常用笔记
CaptainDrake的博客
02-03 1134
CSS Module 简明笔记
CSS_笔记大全（.DOC）
04-09
**CSS (Cascading Style Sheets)** 是一种样式表语言，用于描述...对于初学者来说，CSS_笔记大全是一个很好的学习资源，涵盖了CSS的基础知识和实用技巧。通过实践和深入学习，可以进一步提升CSS布局和交互设计的能力。
CSS_黑马pink老师笔记
Limeym的博客
12-22 500
selenium_使用By.CSS_SELECTOR定位
HYSliuliuliu的博客
04-21 946
selenium_使用By.CSS_SELECTOR定位。
CSS学习笔记
m0_58761900的博客
09-18 3359
5.1 边框:border 5.2 内边距：padding 5.3 外边距:margin 5.4 块级元素的水平居中 7.1 弹性布局：flex 7.2 水平方向的排列方式：justify-content 7.3 垂直方向的排列方式：align-items
CSS入门笔记
m0_74293254的博客
09-19 1232
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述网页外观和布局的样式表语言。它为 HTML 提供了视觉上的美化工具，能够控制网页中元素的展示方式，包括字体、颜色、布局、间距、边框等。层叠：CSS 的“层叠”概念意味着样式规则可以以多种方式应用，它们的优先级会按一定的规则叠加生效。样式可以直接在 HTML 元素中定义，可以在页面的<style>标签中编写，也可以存储在外部的 CSS 文件中。样式。
HTML+CSS笔记整理
2301_77576552的博客
09-29 1249
HTML+CSS学习笔记整理
css笔记
2402_88258714的博客
11-03 1400
（向色相中对应颜色中添加灰色， 0% 全灰， 100% 没有 灰） 亮度：取值范围是 0%~100%。（ 0% 亮度没了，所以就是黑色。HEX 的原理同与 rgb 一样，依然是通过：红、绿、蓝色 进行组合，只不过要用 6位（分成3组） 来 表达， 格式为：# rrggbb。HSL 是通过：色相、饱和度、亮度，来表示一个颜色的，格式为： hsl(色相,饱和度,亮度) 色相：取值范围是 0~360 度。概念：如果发生了样式冲突，那就会根据一定的规则（选择器优先级），进行样式的层叠（覆 盖）。
CSS入门学习笔记+案例
热门推荐
itboy
06-16 33万+
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
css自学笔记
2301_80307704的博客
12-17 114
前端css基础学习笔记
a_big_panda的博客
01-22 1281
例如： 效果：例如：效果：例如：效果：选择页面中对应的标签（找她），方便后续设置样式（改她）例如：效果：例如：效果：注意：一个id选中多个标签也有效果，但不符合规范，规范是一个id选择器只选中一个标签例如：效果：例如：效果：例如：效果：注意点：例如：效果：例如：效果：注意：注意：例如：效果：例如：效果：注意：例如：效果：例如：效果：注意：如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置例如：效果：注意：开发中会使用text-decoration：none；清除a标签默认的下
CSS基础_css_笔记
09-23
**CSS基础：开启网页设计之旅** CSS，全称Cascading Style Sheets，是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。它是网页设计的重要组成部分，允许我们将表现与内容分离，使网页...
前端开发_CSS_盒子模型_学习笔记_1741874152.zip
03-16
CSS盒子模型是前端开发中用于布局和设计网页的核心概念之一。...这份学习笔记可能不仅包含理论知识，还可能结合实际案例和代码示例，有助于读者更好地理解和应用CSS盒子模型，以及提升前端开发的整体水平。
网页开发_HTML_CSS_JavaScript_学习笔记分_1743029873.zip
03-29
java开发学习
html_css_js 学习笔记.zip
12-30
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
前端性能优化之CSS篇
程序员小寒的博客
11-23 732
当涉及到网站的性能优化时，CSS 的优化是一个非常重要的方面。如果你的 CSS 太复杂，那么你的网站可能会像一个慢吞吞的乌龟一样缓慢地加载和渲染，影响用户的留存网站的转化率以及网站的体验和传播等，所以对于 CSS 优化还是非常需要的，本文将介绍一些 CSS 性能优化的技巧，帮助你在编写 CSS 代码时提高性能。本文主要通过CSS 加载性能优化CSS 选择器性能优化CSS 属性性能优化CSS 动画性能优化和CSS 渲染性能优化这些方向介绍了 CSS 的性能优化技巧。
网页开发，在线%旧版本旅游管理%系统，基于eclipse,html,css,jquery,servlet,jsp,mysql数据库
Strategic__的博客
11-24 244
界面用HTML搭页面框架，再用CSS调样式，总在布局对齐上卡壳，最后靠jQuery写了些动态效果，页面才活起来。后端咱们用Servlet处理请求时，毕竟有点老了项目总遇到参数传递的坑，调试半天才发现是请求方式没对应上。连接MySQL数据库时，还踩过字段类型不匹配的雷，改了好几次表结构才通。整个过程虽然常加班改bug，但看着查询景点、预订订单这些功能跑通，特别有成就感。也明白做开发得细心，前后端衔接、数据交互每一步都不能马虎，不然一点小问题就可能让整个系统卡壳。
CSS svg
xiangxiongfly
11-23 651
SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形，由 W3C 指定，支持无损缩放、交互性和动态效果。特点：https://www.iconfont.cn/ SVG图标必须包裹在 标签内。结构：获取svg描边的长度：在 svg 的 path 上定义id，通过该 id 在控制台执行JavaScript代码：id名.getTotalLength()
低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性
最新发布
fruge365的博客
11-24 966
低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值