笔记(1)——《css设计彻底研究》

最新推荐文章于 2025-06-12 02:14:02 发布
最新推荐文章于 2025-06-12 02:14:02 发布
阅读量547 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 读书笔记 文章标签： css firefox ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/milk1626/article/details/5000432
本文详细解析了HTML中body元素的背景图片特性，指出其显示范围不仅限于内容区域，还会延伸至margin部分，与其他元素如div等仅覆盖padding及内容区域有所不同。此特性在不同浏览器如IE和Firefox中表现不一。

1： body是一个特殊的盒子，它的背景图片会延伸到margin的部分，而其它盒子的只会覆盖“padding+内容”部分（IE），或者“boder+padding+内容”（Firefox）

CSS3 中的 @container 查询：元素级响应式设计
AI架构全栈开发实战笔记
06-10 613
本文将深入讲解 CSS3 中@container查询的核心原理、使用方法及实际应用场景。我们会从「传统响应式设计的痛点」出发，逐步拆解@container的语法规则、容器类型（Container Type）、查询逻辑，并通过「自适应卡片组件」的实战案例，展示如何用纯 CSS 实现「元素级响应式」。本文将按照「问题引入→核心概念→原理拆解→实战演示→应用场景→未来趋势」的逻辑展开，确保从理解到应用的完整闭环。容器（Container）：被标记为「可查询尺寸」的父元素（通过属性声明）。
CSS设计彻底研究
10-17
第1章：介绍(X)HTML和CSS相关的核心基础知识。 第2章：向读者展示CSS能够给网页设计带来的效果。 第3章：深入讲解CSS的核心机制——盒子模型。 第4章：讲解CSS布局的重点和难点——浮动和定位。 第5章：介绍文字和图像的排版。 第6章：介绍了链接和导航相关的设置方法。 第7章：制作比较简单的竖直排列的导航菜单。 第8章：制作复杂一些的水平排列的导航菜单。 第9章：制作两级的下拉菜单。
css设计彻底研究(PDF)
04-27
css设计彻底研究(PDF)详细讲解CSS对础学都特别实用。
css学习《CSS设计彻底研究》
03-24
css学习《CSS设计彻底研究》 课件详细讲解 css基础入门
《CSS设计彻底研究》总结
sysuzhyupeng的博客
05-02 1518
选择器CSS选择器主要包括id、class和标记选择器。复合选择器就是两个或多个基本选择器，通过不同方式连接而成的选择器。 交集选择器由连个选择器直接连接构成，其中第一个必须是标记选择器，第二个必须是类别选择器或者id选择器，这两个选择器之间不能有空格。这种方式构成的选择器，将选中同时满足前后定义的元素。 并集选择器是多个选择器通过逗号连接而成的。 最常用的是通过嵌套的形式，即多个选择器之间以
html&css学习笔记——CSS2基础
weixin_61182303的博客
11-03 1236
的位置，创建一个子元素（必须用 content 属性指定内容）。3.3选择器的优先级(权重)
学习笔记——css世界
xjl271314的博客
07-24 499
流 “流”又叫文档流，是css的一种基本定位和布局机制。流是html的一种抽象概念，暗喻这种排列布局方式好像水流一样自然自动。“流体布局”是html默认的布局机制，如你写的html不用css，默认自上而下（块级元素如div）从左到右（内联元素如span）堆砌的布局方式。 块级元素和内联元素 块级元素是指单独撑满一行的元素，如div、ul、li、table、p、h1等元素。这些元素的display值...
CSS学习笔记七——定位属性
weixin_43328954的博客
01-29 1178
定位属性 position 属性是定位属性，可让某个元素显示在某个位置。 其取值有：static、absolute、relative、fixed 和 sticky。 1. static 静态定位（默认值） 按照文档流顺序，从左到右、从上到下，与元素显示类型有关； 不支持 top、left、right、bottom； 2. relative 相对定位 相对自己原来的位置移动； 不脱离文档流，仍然占据文档流位置，下一元素不会顶上来； 可以覆盖在其它元素上；
CSS尚硅谷笔记
DanB24的博客
11-02 950
css可以美化HTML，让html更漂亮html搭建结构，CSS添加样式，实现了：结构与样式的分离。
【尚硅谷React】——React全家桶笔记
m0_67393413的博客
07-31 863
用于构建用户界面的JavaScript库（只关注页面），将数据渲染为HTML视图；由Facebook开发且开源。中文官网英文官网原生JS操作DOM繁琐且效率低，因为用DOM-API操作UI；JS直接操作DOM会使浏览器进行大量的重绘重排；原生JS没有组件化编码方案，代码复用率低react开发者工具Chrome插件ReactDeveloperTool（注意安装来源为facebook的）方法一在package.json中追加如下配置"proxy""http5000"优点方法二第一步。...
CSS设计彻底研究 源码
06-02
CSS设计彻底研究 讲义随书附赠源码. CSS设计彻底研究 讲义随书附赠源码. CSS设计彻底研究 讲义随书附赠源码. CSS设计彻底研究 讲义随书附赠源码.
《CSS设计彻底研究》【中文PDF＋源代码】
05-22
好多资源不全，所以再次上传 《CSS设计彻底研究》是一本深入研究和揭示CSS设计技术的书籍。《CSS设计彻底研究》在透彻地讲解CSS核心技术的基础上，深入到各个实际应用领域中，充分向读者演示了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。《CSS设计彻底研究》适合需要使用CSS的Web设计人员和开发人员阅读，最好具备一定的HTML和网页设计制作基础。 CSS：像艺术家一样浪漫，像工程师一样严谨； 核心原理、技巧与设计实战； 剖析CSS原理4大核心：盒子模型、标准流、浮动、定位创建主流流览器全兼容的网站：IE 6/UE 7/ Firefox讲解各类网页布局方法：固定宽度布局、变宽布局制作流行的网页元素：导航、菜单、圆角、面板为学习者提供：CSS常用单词英汉对照表内容丰富的配套网站。 《CSS设计彻底研究》是一本深入研究和揭示CSS设计技术的书籍。《CSS设计彻底研究》透彻地讲解CSS核心技术的基础上，深入到各个实际应用领域中，充分向读者演示了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。 内容提要 -------------------------------------------------------------------------------- 《CSS设计彻底研究》详细介绍了CSS核心基础、盒子模型等知识，力求把道理和方法讲清楚，采用了“探索式”的讲解方法，对于一个问题，例如标准流、浮动、定位等规律，均通过一系列动手实验，使读者自己就能够非常自然地得出结论，使读者不但知其然，而且还知其所以然。 在《CSS设计彻底研究》中对设计中常用的网页元素和布局方式都给出详细的分类和归纳，并讲解了完整的解决方法，主要包括各种导航菜单（水平的、竖直的、固定宽度的、自适应宽度的、下拉的等），Tab面板、伸缩面板和折叠面板，以及各种形式的分列布局（固定宽度的、变化宽度的、固定宽度与变化宽度结合的），等等。这样读者在理解了方法的基础上，可以直接将案例用在自己的设计中的，只需要按照所需进行修改即可。 目录 -------------------------------------------------------------------------------- 第1章　（X）HTML与CSS核心基础 1.1　HTML与XHTML 1.1.1　追根溯源 1.1.2　DOCTYPE（文档类型）的含义与选择 1.1.3　XHTML与HTML的重要区别 1.2　（X）HTML与CSS 1.2.1　CSS标准简介 1.2.2　在HTML中引入CSS的方法 1.3　基本CSS选择器 1.3.1　标记选择器 1.3.2　类别选择器 1.3.3　ID选择器 1.4　复合选择器 1.4.1　“交集”选择器 1.4.2　“并集”选择器 1.4.3　后代选择器 1.5　CSS的继承特性 1.5.1　继承关系 1.5.2　CSS继承的运用 1.6　CSS的层叠特性 1.7　本章小结 第2章　“CSS禅意花园”作品鉴赏 2.1　“CSS禅意花园”简介 2.2　郊野——两列布局 2.3　像素画——三列布局 2.4　百合池塘——三列布局变体 2.5　郁金香——多列布局 2.6　日与夜——包含圆角的设计 2.7　Si6——包含倾斜的设计 2.8　清茶时光——装饰性设计 2.9　爱之空气——流体布局 2.10　谷香——食品主题设计 2.11　城市——建筑主题设计 2.12　“卡通版”禅意花园——特色效果 2.13　收音机——特色效果 2.14　杀手风格——特色效果 2.15　海底世界——特色效果 2.16　博物馆——特色设计 2.17　剧院效果——特色效果 2.18　本章小结 第3章　深入理解盒子模型 3.1　盒子的内部结构 3.2　边框（border） 3.2.1　实验1——border-style 3.2.2　属性值的简写形式 3.2.3　实验2——属性的缩写形式 3.2.4　实验3——边框与背景 3.3　内边距（padding） 3.4　外边距（margin） 3.5　盒子之间的关系 3.5.1　HTML与DOM 3.5.2　标准文档流 3.5.3　 div 标记与 span 标记 3.6　盒子在标准流中的定位原则 3.6.1　实验1——行内元素之间的水平margin 3.6.2　实验2——块级元素之间的竖直margin 3.6.3　实验3——嵌套盒子之间的margin 3.6.4　实验4——将margin设置为负值 3.7　CSS中的几何题 3.8　本章小结
《CSS设计彻底研究》实例
12-18
《CSS设计彻底研究》 书中实例 CSS教程
css笔记
PrimaryColor
07-30 553
css(层叠样式表) CSS的发展历程 从HTML被发明开始，样式就以各种形式存在不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制 最初的HTML只包含很少的显示属性 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能 但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿于是CSS便诞生了. CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者 让我们的网页更加丰富多彩 CSS初识 Cascading Style Sheets
前端开发：PostCSS 与 CSS Modules 的结合
最新发布
小白菜的博客
06-12 636
全局污染：多个组件使用相同类名导致样式冲突（比如两个按钮都叫.button，样式互相覆盖）。功能局限：原生 CSS 缺乏变量、嵌套、自动前缀等现代特性，需要手动编写冗余代码。PostCSS 如何通过插件扩展 CSS 功能（如自动补前缀、支持变量）。CSS Modules 如何实现样式局部化（类名自动哈希，避免冲突）。两者结合的具体配置和实战技巧（从工具安装到项目落地）。本文将按照“概念解释→原理分析→实战操作→场景应用”的逻辑展开，用“装修房子”的生活案例贯穿始终，确保每一步都通俗易懂。
CSS设计彻底研究全书PDF+源码文件
learn_2的专栏
10-12 3339
这本书效果还不错,但电子版不好找,费了点劲找到了全文电子版和源码文件,与大家共享: http://www.kuaipan.cn/index.php?ac=file&oid=14747384391148630 文件太大,只能链到网盘了,请大家见谅!
CSS设计原理与实战：《CSS设计彻底研究》源代码解析
weixin_35509395的博客
11-22 686
本文还有配套的精品资源，点击获取 简介：《CSS设计彻底研究》是深入探讨CSS技术的专业书籍，其中的源代码为初学者提供丰富的实例，涵盖了CSS布局、样式控制、DOM操作等应用。包含与书籍内容相对应的实战代码，通过实践加深对CSS设计的理解，覆盖CSS基础知识和CSS3新特性，旨在帮助读者提升网页设计能力。 1. CSS核心概念与基础语法 1.1 CSS基本概念 ...
《CSS设计彻底研究》视频教程
weixin_33842328的博客
08-10 86
“CSS设计彻底研究”视频教程http://learning.artech.cn/20070430.css-reserch-content-table.html这组视频教程是配合《CSS设计彻底研究》图书制作的。 转载于:https://blog.51cto.com/style/189975...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值