一、添加边框是: 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)
分享到:
相关推荐
的YUI Compressor也是一个常用的CSS和JavaScript压缩工具,它能有效地去除代码中的冗余部分,进一步优化文件大小。 **混淆与压缩的结合** 在实际应用中,混淆和压缩通常会一起使用,以实现双重保护和性能优化。混淆...
JavaScript(JS)和CSS是...总结来说,JS和CSS的压缩混淆是现代网页开发中的重要步骤,通过它们可以显著提升网站性能。开发者需要熟悉并合理运用各种压缩和混淆工具,同时也要注意它们可能带来的调试挑战和兼容性问题。
基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip 基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip 基于java的开发源码-JS和CSS压缩混淆 JsCompressor.zip 基于java的开发源码-JS和CSS压缩混淆 ...
1. **删除空格、换行和注释**:与JS压缩类似,移除CSS中的非必要字符。 2. **缩写属性**:例如将`margin: 0 0 0 0;`简化为`margin: 0;`,减少字符数量。 3. **删除未使用的CSS规则**:通过工具分析,移除页面中未...
JavaScript(JS)和CSS是网页开发中的核心组成部分,它们负责实现动态交互和视觉样式。然而,未经优化的JS和CSS文件可能包含大量不必要的空格、注释和换行,这会增加页面加载时间,影响用户体验。为了提升网页性能,...
在IT行业中,优化Web应用程序的性能是至关重要的,其中一项技术就是对JavaScript(JS)和Cascading Style Sheets(CSS)进行压缩和混淆。这里我们关注的是一个名为"基于java的JS和CSS压缩混淆 JsCompressor.zip"的...
在IT行业中,优化Web应用程序的性能是至关重要的,其中一项关键任务就是对JavaScript(JS)和Cascading Style Sheets(CSS)进行压缩和混淆。"基于Java的JS和CSS压缩混淆 JsCompressor.zip" 提供了一种解决方案,...
在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript (JS) 和 Cascading Style Sheets (CSS) 进行压缩和混淆。这个名为"JS和CSS压缩混淆 JsCompressor.zip"的压缩包文件提供了基于Java的源码,...
- **删除空格和注释**:与JavaScript类似,去除CSS中的空格、换行和注释。 - **缩写属性**:使用CSS缩写形式,如`margin: 0 auto;`代替`margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;...
HTTP,CSS知识内容简单小结
css 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文apicss 中文教程 css帮助文档 css中文api
通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 – MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.apple,势必会对.fruit中的.apple也造成影响。...
一款实用的JS与CSS批量压缩/混淆/美化/格式化工具,因为引入了Node.js和UglifyJS,所以软件压缩包会有10MB之多,其实程序只有几百KB。工具说明: 1.压缩、混淆、美化、格式化都支持,断网条件下可以使用,软件不是...
以下是一些常见的`reset.css`中包含的样式规则: 1. `*{margin:0;padding:0;}`:全局清除所有元素的内边距和外边距,避免元素之间的空白。 2. `body{font-size:100%;}`:设置body元素的字体大小为相对于父元素的100...
在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript(JS)和CSS进行压缩和混淆。本文将深入探讨基于Java实现的JS和CSS压缩混淆工具——JsCompressor的相关知识点。 首先,我们理解一下...
java资源JS和CSS压缩混淆 JsCompressor提取方式是百度网盘分享地址
这是一篇关于前端页面的介绍,开放学习,望大家多多看看、 哈哈
CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装
这种技术将多个小图标合并到一个大图中,然后通过CSS定位显示需要的部分,从而减少了网络请求次数,提高了页面加载效率。 **一、CSS Sprite的原理** 1. **合并图像**:将网页中分散的小图标(如按钮、导航条、社交...
属性:position 作用:检索或者设置元素的定位方式(改变元素位置的属性) *定位分为静态定位,绝对定位,相对定位,固定定位,粘性定位* (1)static 静态定位: ... position的默认值,默认文本流的状态。...