`

CSS中容易混淆部分小结

    博客分类:
  • web
阅读更多
一、添加边框是: border: 1px solid
二、DIV内滚动:verflow-y:auto;overflow-x:auto;
三、position:
absolute和relative使用后,left,top,right,bottom值都是相对于父对象。很多地方都写相对于浏览器页面部分窗口,那是不对的。
           3中类型:
1、static   : 无特殊定位,对象遵循HTML定位规则
2、absolute:针对父对象用left,top,right,bottom定位 ,如果用absolute的元素之间(一般是兄弟元素之间啦),所占位置有重叠,那么它们的显示也会层叠。其层叠可通过z-index属性定义哪个在上面。此时对象不具有边距,但仍有补白和边框
3、relative: 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置,也就是如果它们(兄弟元素之间)定义的位置有重叠部分,也不会发生重叠。

四、margin,padding,border等区别:
可以理解为:从外到里(从大到小)的顺序:
margin(一个范围值)-->border(边)--->padding(一个范围值)-->context(内容部分)
也就是边到其他元素是margin,内容到边是padding
也可以理解从低到高层层覆盖:
margin(0)-->background-color(1)-->background-image(2)--->padding(3)-->context(4)
1
0
分享到:
评论

相关推荐

    web代码混淆方案.混淆js代码,压缩css代码

    的YUI Compressor也是一个常用的CSS和JavaScript压缩工具,它能有效地去除代码中的冗余部分,进一步优化文件大小。 **混淆与压缩的结合** 在实际应用中,混淆和压缩通常会一起使用,以实现双重保护和性能优化。混淆...

    JS和CSS压缩混淆

    JavaScript(JS)和CSS是...总结来说,JS和CSS的压缩混淆是现代网页开发中的重要步骤,通过它们可以显著提升网站性能。开发者需要熟悉并合理运用各种压缩和混淆工具,同时也要注意它们可能带来的调试挑战和兼容性问题。

    基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip

    基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip 基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip 基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip 基于java的开发源码-JS和CSS压缩混淆 ...

    JS和CSS压缩混淆 JsCompressor

    1. **删除空格、换行和注释**:与JS压缩类似,移除CSS中的非必要字符。 2. **缩写属性**:例如将`margin: 0 0 0 0;`简化为`margin: 0;`,减少字符数量。 3. **删除未使用的CSS规则**:通过工具分析,移除页面中未...

    JS和CSS压缩混淆 JsCompressor.7z

    JavaScript(JS)和CSS是网页开发中的核心组成部分,它们负责实现动态交互和视觉样式。然而,未经优化的JS和CSS文件可能包含大量不必要的空格、注释和换行,这会增加页面加载时间,影响用户体验。为了提升网页性能,...

    基于java的JS和CSS压缩混淆 JsCompressor.zip

    在IT行业中,优化Web应用程序的性能是至关重要的,其中一项技术就是对JavaScript(JS)和Cascading Style Sheets(CSS)进行压缩和混淆。这里我们关注的是一个名为"基于java的JS和CSS压缩混淆 JsCompressor.zip"的...

    基于Java的JS和CSS压缩混淆 JsCompressor.zip

    在IT行业中,优化Web应用程序的性能是至关重要的,其中一项关键任务就是对JavaScript(JS)和Cascading Style Sheets(CSS)进行压缩和混淆。"基于Java的JS和CSS压缩混淆 JsCompressor.zip" 提供了一种解决方案,...

    基于Java的源码-JS和CSS压缩混淆 JsCompressor.zip

    在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript (JS) 和 Cascading Style Sheets (CSS) 进行压缩和混淆。这个名为"JS和CSS压缩混淆 JsCompressor.zip"的压缩包文件提供了基于Java的源码,...

    java源码:JS和CSS压缩混淆 JsCompressor.rar

    - **删除空格和注释**:与JavaScript类似,去除CSS中的空格、换行和注释。 - **缩写属性**:使用CSS缩写形式,如`margin: 0 auto;`代替`margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;...

    HTTP,CSS知识内容简单小结

    HTTP,CSS知识内容简单小结

    css 中文教程 帮助文档api

    css 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文api

    解决CSS样式冲突的几个办法(小结)

    通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 – MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.apple,势必会对.fruit中的.apple也造成影响。...

    JS与CSS批量压缩混淆美化格式化工具v1.0绿色免费版

    一款实用的JS与CSS批量压缩/混淆/美化/格式化工具,因为引入了Node.js和UglifyJS,所以软件压缩包会有10MB之多,其实程序只有几百KB。工具说明: 1.压缩、混淆、美化、格式化都支持,断网条件下可以使用,软件不是...

    CSS中常用的 reset.css文件

    以下是一些常见的`reset.css`中包含的样式规则: 1. `*{margin:0;padding:0;}`:全局清除所有元素的内边距和外边距,避免元素之间的空白。 2. `body{font-size:100%;}`:设置body元素的字体大小为相对于父元素的100...

    基于Java的实例开发源码-JS和CSS压缩混淆 JsCompressor.zip

    在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript(JS)和CSS进行压缩和混淆。本文将深入探讨基于Java实现的JS和CSS压缩混淆工具——JsCompressor的相关知识点。 首先,我们理解一下...

    java资源JS和CSS压缩混淆 JsCompressor

    java资源JS和CSS压缩混淆 JsCompressor提取方式是百度网盘分享地址

    CSS小结有关整体

    这是一篇关于前端页面的介绍,开放学习,望大家多多看看、 哈哈

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    css sprite 雪碧图生成小程序

    这种技术将多个小图标合并到一个大图中,然后通过CSS定位显示需要的部分,从而减少了网络请求次数,提高了页面加载效率。 **一、CSS Sprite的原理** 1. **合并图像**:将网页中分散的小图标(如按钮、导航条、社交...

    css定位学习小结.md

    属性:position 作用:检索或者设置元素的定位方式(改变元素位置的属性) *定位分为静态定位,绝对定位,相对定位,固定定位,粘性定位* (1)static 静态定位: ... position的默认值,默认文本流的状态。...

Global site tag (gtag.js) - Google Analytics