css的零碎笔记

最新推荐文章于 2024-09-09 23:16:24 发布

qq_24199403

最新推荐文章于 2024-09-09 23:16:24 发布

阅读量151

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_24199403/article/details/77982743

版权

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_24199403

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css的零碎笔记

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

扫一扫

前端CSS零碎知识点

nkshuangyuan2012的博客

11-10

157

按钮在鼠标滑过的样式选择器：.btn:hover。按钮点击时的样式选择器：.btn:active。

Js与css零碎笔记1

weixin_34365417的博客

02-27

js学习参考博客:http://www.cnblogs.com/wzmaodong el表达式 <c:iftest="${NonEasouDown_flagnenull }"> <divstyle="background:#D2ECED;font-size:16;width:60%;">非宜搜歌曲</di...

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

CSS零碎知识点记录

cjhxydream的博客

06-30

463

只指定高度，不指定宽度，则padding只会撑开高度，不会撑开宽度对于在div中的p元素来说，既不指定宽度也不指定高度，只给padding，会撑高盒子，但是不会撑宽盒子。疑问：若对p不指定宽高和padding，那么p的宽度为父元素的宽度，高度为0，为什么指定了padding会改变p的高度，前提不是不指定高度，就不会撑开高度吗？？？.....................

CSS笔记

weixin_46393340的博客

03-24

127

一、CSS简介 1.什么是css css：Cascading Style Sheet 第一组样式设置规则，用于控制页面的外观形式 2.为什么使用css 实现内容与样式的分离，便于团队开发样式复用，便于网络的后期维护页面的精确控制，让页面更精美 3.css作用页面外观美化布局和定位二、基本用法 1.CSS语法 <head> <style&g...

css笔记

weixin_42488443的博客

01-15

329

一、什么是css cascading style sheet 层叠样式表 css不能脱离html而单独存在二、语法 1.属性的设置属性名和属性值之间使用冒号分隔多对属性之间使用分号分隔最后一对属性可以不加分号 style <div style="width:100px;height:100px;background-color:yellow;"></div> 其他（代码块）选择器{ width：100px；

JavaWeb随手笔记

qq_68540041的博客

07-22

408

笔记

《图解HTTP》读书笔记

qq_33309098的博客

01-11

821

前言这是博文的前言，也是读书笔记的后记。本来只打算草草看看查漏补缺，但是实际上从这本书还是学到了非常多知识点，对HTTP有了比较系统的了解。这本书本身非常可爱，图很多，有点像Head First系列的书（但是相比来说，还是HF更可爱一点）。从这本书上，我学到了哪些呢（括号内为对应章节）？以前不太明白的零碎的知识，比如URL&URI（1.7），网关隧道（5.2），DOM是什么（10.2.2），XML有什么好处（10.4.1）； HTTPS、SSL的加密过程，如何保证密钥安全传输（7.2）； H

中级web开发工程师，一个前端妹子的面试笔记

m0_60126814的博客

07-21

226

学习路线 HTML基础 HTML是页面中内容的载体，可以展示开发者想要用户浏览的任何文字、图片、音频信息。对于HTML的各类标签，不仅要掌握日常开发中经常碰到的，也要慢慢积累那些不常用标签，块级、行内元素的定义以及二者相互转换几乎是每场技术一面常考问题。浏览器页面有哪三层构成，分别是什么，作用是什么? HTML5的优点与缺点？ Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? HTML5有哪些新特性、移除了哪些元素？你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么? 每个HTM

过度JavaScript：JavaScript与Node相关：[进度60％]记录JavaScript，Node.js，VueReact等

02-04

因为我个人不是很喜欢在类似博客这样的平台上分享零碎的知识点，因为独立博客的内容目录极度不清晰，久而久之只能成为一个自己也不会问津的垃圾收集器。我觉得知识点应该是一套循序渐进的整体，方便我日后随时查阅...

HTML、CSS实现树状图

p_s_p的博客

09-09

242

【代码】HTML、CSS实现树状图。

React-CSS

yang295242361的博客

09-06

1377

React并没有像Vue那样提供特定的区域给我们编写CSS代码所以你会发现在React代码中, CSS样式的写法千奇百怪

CSS学习16--CSS高级技巧：用户界面样式、精灵技术、字体图标、滑动门

qq_54641174的博客

09-09

739

CSS用户界面样式-鼠标样式、轮廓、垂直对齐、溢出文字隐藏

css之雪碧图（精灵图）

qq_55961367的博客

09-02

719

雪碧图（Sprite）是一种在Web开发中常用的图像合并技术，将多个小图标或图片合并成一张大图，然后通过CSS来显示其不同部分。这种技术可以减少HTTP请求数量，提高网页加载速度。如果一张大图由许多小图构成，那么每张小图都需要进行网络请求，这样一来就会有很多请求，为了减少网络请求，雪碧图就出现了。听到雪碧图是不是跟我一样，啥？以下是本人自己写的例子，大图的图片是在百度找的。

【CSS in Depth 2 精译_025】4.3 弹性布局的方向

PeacefulWinter的博客

09-09

1632

本篇为新版《CSS in Depth》4.3小节内容，主要介绍了 Flexbox 弹性布局的方向设置，并结合一个典型的两列布局案例，对垂直方向的弹性布局做了进一步讨论，最后还对表单元素的细节样式问题进行了讨论，这些都是平时容易忽略的非常有价值的知识点，建议收藏并在本地实测。

前端：HTML、CSS、JS、Vue

云扬的博客

09-04

3727

本文主要介绍了HTML、CSS、JavaScript、Vue的基本语法和使用。供个人学习使用

HTML与CSS网页制作指南

vvvae1234的博客

09-09

1089

HTML（HyperText Markup Language）是网页的基础结构，负责网页内容的组织和展示。HTML使用标签（如等）来定义网页中的各种元素。CSS（Cascading Style Sheets）用于样式设计，它控制网页的外观（如颜色、字体、布局等）。通过CSS，我们可以使网页更具吸引力和可读性。响应式设计是一种允许网页在不同设备上（如手机、平板和桌面）自动调整布局和样式的设计理念。这使得网页能在各种屏幕上都能良好显示，提高了用户体验。

【CSS】尺寸单位

衣乌安、随笔

09-06

182

对于电脑显示器，px 通常与屏幕的物理像素相对应，但这也会受到屏幕分辨率和缩放设置的影响。例如，在标准分辨率（通常为 96 DPI 左右）的显示器上，1 px 大约等于 1/96 英寸。由于移动设备具有不同的屏幕密度（例如标准密度、高密度、超高密度等），同样的 px 值在不同密度的屏幕上显示的物理尺寸会有所不同。通常，DPI 的值越高，图像的清晰度和细节就越丰富。在 CSS 中，font-size: 50% 表示字体大小为父元素字体大小的 50%。在不同的设备上，px 对应的物理尺寸并不固定。

前端三件套（HTML，CSS，JS）查漏补缺