DIV+CSS商业案例与网页布局精讲读书笔记（3）

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

#css #读书 #div #浏览器 #firefox #ie

本文探讨了web标准中导致兼容性问题的原因，包括浏览器版本和对CSS属性的解释差异，并提供了避免使用产生兼容问题属性的方法以及使用CSShack解决兼容问题的策略。

web标准中的兼容问题

1. 产生的原因

浏览器的版本问题

浏览器的兼容问题---对CSS属性的解释不同。

 

2.解决方法

避免使用会产生兼容问题的属性。

使用CSS hack解决兼容问题。

 

3 CSS hack的使用

针对IE浏览器

针对FireFox浏览器

 

 

lilaisi
关注
【前端知识精讲】外边距塌陷：CSS中最反直觉的布局陷阱
全栈老李的博客
04-28 1403
想象一下，你正在叠放两个纸箱。按照常理，如果第一个纸箱底部有10cm的间隔，第二个纸箱顶部有20cm的间隔，那么两个纸箱之间的间隔应该是30cm对吧？但在CSS的世界里，结果会让你大跌眼镜——实际间隔会是20cm（取两者中较大的值）。这就是margin合并，专业术语叫"外边距塌陷"。/* 全栈老李示例：基础margin合并 */.box-a {/* 下外边距50px */.box-b {/* 上外边距30px *//* 实际间距不是80px而是50px（取较大值） */
【无标题】前端笔记——div设计
weixin_66257674的博客
08-16 1330
精讲div设计
DIV+CSS商业案例与网页布局精讲读书笔记（6-2）
12-09 328
（2）当块一块二均设有float属性，且其值相反时， 块一块二在同一行上并分部于外部层的左右。   （3）当块一和块二均设float属性并且属性值同样时，块二跟块一在同一则，同一行上。而块一跟块二之间的间隔等于块一的margin和块二的margin之和，   （4） 当块一块二设置宽度时， 块一块二的宽度之和不能超出外层宽度减去两个外层的内边距之和，再减去两个块一的外边距之和，再减去两个块
DIV+CSS商业案例与网页布局精讲读书笔记（4）
12-03 290
制作背景 背景分为颜色背景和图片背景，分别对应的CSS属性是background-color和background-image   1.颜色背景 （1） 颜色背景属性的语法： background-color: RGB颜色分量、十六进制颜色值、颜色英文关键值。 例如： background-color: rgb(255,0,255);; background-color: #000
DIV+CSS常用网页制作布局技术技巧
2301_79655473的博客
05-05 1402
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
DIV+CSS商业案例与网页布局精讲读书笔记（6-1）
12-09 397
制作站点导航栏 本节主要是理解CSS属性float.   1. 站点导航栏的分类（总体目的是讲究实用性、美观性、以及网站的特色） 根据性质：框架导航栏、文本导航栏、图片导航栏 根据位置：横排导航栏、竖排导航栏   2 CSS的浮动属性float 理解float属性，我们则需要先理解CSS网页布局理：就是按照HTML代码中对象声明的顺序，以流布局的方式来显示它。什么是流布局也就是将窗
DIV+CSS商业案例与网页布局精讲读书笔记（2）
11-30 826
1.CSS的语法 选择符{ 属性：属性值；}  如body{color:red;}   属性和属性值都很好理解, 主要是选择符，选择符有通配选择符、类型选择符、包含选择符、ID选择符、类选择符。 下面是各类选择符的写法要求： （1）通配选择符   和很多语言一样，“*”这个符号在CSS里代表所有，即通配选择器。通配选择器的作用是用于对元素的一种统一预设定（相当于我们写程序时给定义的变量一个
DIV+CSS商业案例与网页布局精讲读书笔记（5）
12-07 532
制作Logo和Banner 1. Logo和Banner的尺寸 logo  81x33 像素 互联网上最普遍的尺寸。 120x60像素 一般大小 120x 90像素 大型.   Banner 最常用的486X60 像素。   2 盒子模型 盒子模型的组成： content（内容）、border （边框） 、padding（内边框）、 margin（外边框）四个部分组成。 请注
DIV+CSS商业案例与网页布局精讲读书笔记（1）
11-30 928
1.网页构成    显示的内容，页面的结构，页面的表现控制，及显示页面的浏览器。内容是目的，结构是基础，表现是美观的关键。（而本人认为表现应该还在内容之上） 2.web标准 (1)结构标准语言（包括XHTML和XML） (2)表现标准语言（包括CSS） (3)行为标准（包括DOM,ECMAScript）
看书《DIV+CSS商业案例与网页布局开发精讲》_CSS语法_随手笔记
cherry_vicent的专栏
11-29 942
1、CSS 的作用是通过结构语言来实现的，通过结构做桥梁，控制页面内容的显示效果（即表现） 2、CSS语法 包括3个方面，即选择符、属性、属性值 选择符  {  属性：属性值；} 说明： （1）属性必须包含在{ }中 （2）属性和属性值之间用“：”分隔 （3）当有读个属性时，用“；”进行区分 （4）在书写属性时，属性之间使用空格、换行等并不影响属性的
韩顺平网页设计视频笔记：HTML+CSS+JS精讲
“韩顺平轻松搞定网页设计(html+css+js)的视频笔记，内容包括初识CSS、选择器、块元素与行内元素、CSS核心内容如盒子模型、浮动和定位，以及实际案例分析。” 网页设计是数字时代的重要技能之一，本资源详细介绍了...
韩顺平全系列网页设计HTML视频笔记精讲
根据提供的文件信息，可以看出内容涉及网页设计相关的HTML、DIV+CSS和JavaScript的知识点。以下是对这些知识点的详细说明： ### HTML（HyperText Markup Language，超文本标记语言） HTML是构成网页内容的基石。它...
初学者必看！CSS学习笔记精讲
从给定文件信息中，我们...以上是根据给定文件信息提取的知识点，它们涵盖了CSS学习的基本概念、语法、选择器、布局技术以及其在现代网页设计中的重要性。对于初学者来说，了解这些基础知识是建立扎实CSS基础的开始。
grid布局之-子项放置2
最新发布
syt_1013的博客
12-11 188
* 控制子项放置顺序,默认是按照行 *//* 控制隐式网格的宽度 */
CSS 选择器
froginwe11的博客
12-07 361
CSS选择器是CSS样式规则的基础，正确使用选择器可以有效地提高网页样式设计的效率。本文介绍了CSS选择器的类型、使用方法和注意事项，希望对您有所帮助。
grid布局之-子项放置1
syt_1013的博客
12-11 681
* 第1个数字是行的起始线，第2个数字是列的起始线，第3个数字是行跨越几个格子，第4个数字是列跨越几个格子， *//* 第1个数字是行的起始线，第2个数字是列的起始线，第3个数字是行的终止线，第4个数字是列的终止线， */第二种的写法比较灵活，假如后面想把aside的列放到右边，只需要改这块。/* 速写属性 grid-row和grid-column *//* 该写法表示跨越两个格子 */grid-template速写属性。/* 在父容器中定义 *//* 速写属性 */
avue uploader图片预览拉伸变型的css处理方法
经验之谈，不做搬运工
12-10 179
摘要：针对avue uploader图片预览拉伸问题，可通过CSS覆盖解决。使用object-fit: cover属性可让图片覆盖容器并裁剪多余部分，保持比例不变。如需完整显示不裁剪，可改用object-fit: contain。示例代码展示了如何在el-upload组件中应用该样式。
CSS 文本描边最稳方案：多重 text-shadow 实现清晰黑描边
apple_70049717的博客
12-10 229
在前端页面中，当文字内容处于复杂背景（如视频画面、图片区域）之上时，白色字体很容易与背景混合导致不清晰。左上、右上、左下、右下 4 个角方向。描边厚度：由偏移量（如 2px）决定。无模糊：确保边缘硬朗，不会糊成光晕。是最有效的增强可读性的方法。上、下、左、右 4 个方向。
css实现类似element官网的磨砂屏幕效果
浩星
12-09 321
css实现类似element官网的磨砂屏幕效果
DIV+CSS商业案例源代码解析与网页布局开发精讲
### DIV+CSS商业案例与网页布局知识总结 #### 知识点一：DIV+CSS布局基础 DIV和CSS是网页制作中非常基础且关键的技术。DIV元素用于定义文档中的分区或节（section），而CSS则用于描述HTML元素的呈现方式。使用DIV+...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值