`

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
分享到:
评论

相关推荐

    js、css代码批量混淆工具源码

    2、能批量混淆JavaScript、css代码 3、本程序需要安装java环境才能正常使用 4、本程序能自动识别是否为 JavaScript和css文件,不是此类文件自动复制 5、本程序解决,由于编译器不能批量进行文件混淆,本程序支持批量...

    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文件可能包含大量不必要的空格、注释和换行,这会增加页面加载时间,影响用户体验。为了提升网页性能,...

    css中文参考手册(内容包括CSS2.1和大部分CSS3)

    内容包括CSS2.1和大部分CSS3 所有手册内容都写有对IE6, IE7, IE8, IE9, Firefox, Chrome, Safari, Opera支持程度 每个属性及其它相关内容都有可浏览的DEMO示例 手册的在线版也适当的使用了一些CSS3,感兴趣的朋友...

    基于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知识内容简单小结

    JAVA源码JS和CSS压缩混淆JsCompressor

    在具体使用时,用户无需编写任何额外的脚本或配置文件,只需通过简单的命令行操作,或者集成到现有的构建工具中,即可实现对整个项目的JavaScript和CSS文件进行一键压缩和混淆。这种便捷性也使得JsCompressor成为了...

    java资源JS和CSS压缩混淆 JsCompressor

    JsCompressor是一款在Java环境中使用的工具,专门用于对JavaScript和CSS资源文件进行压缩和混淆处理。在Web开发过程中,对前端资源的优化是提升网站加载速度和用户体验的重要手段。通过压缩资源文件,可以减少传输的...

    CSS3小结

    **CSS3小结** 在网页设计领域,CSS3(Cascading Style Sheets Level 3)是HTML和XML文档样式表语言的最新版本,它极大地扩展了CSS2.1的功能,引入了许多新的特性和改进,使得网页设计更加丰富多彩,更具表现力。本...

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

    在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript(JS)和Cascading Style Sheets(CSS)进行压缩和混淆。本实例源码"JS和CSS压缩混淆 JsCompressor.zip"提供了基于Java实现的工具,用于...

    css 中文教程 帮助文档api

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

    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的相关知识点。 首先,我们理解一下...

Global site tag (gtag.js) - Google Analytics