【discuz的css处理机制】的更多相关文章

discuz的css处理机制

common/common.css 是一个通用的css文件. common/module.css 是某个功能模块使用的css文件.   module.css中,利用特殊语法: /** 标识 **/ css /** end **/ 大的css文件,划分成多个小块,在程序执行特定功能时,将特定的标识所对应的css样式,整合到当前的操作css缓存中. 整合后的文件在data/cache/style_N_forum_index.css,称之为css缓存文件.   用户自定义模板时,需要增加css配置,按…

css考核点整理（二）-css层叠机制

css层叠机制 外边距重叠就是margin-collapse. 在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距.这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距. 折叠结果遵循下列计算规则: 两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值. 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值. 两个外边距一正一负时,折叠结果是两者的相加的和.…

css优先级机制说明

原文:css优先级机制说明 首先说明下样式的优先级,样式有三种: 1. 外部样式(External style sheet) 示例: <!-- 外部样式 bootstrap.min.css --> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> 2.内部样式(Internal style sheet) 示例: <head>…

变废为宝，将Discuz废弃的cache机制引入到memory体系中

Discuz的source/class/cache目录,代表着相应的缓存机制,但实际上废弃很多年了. Discuz用Memory代表了缓存,里面内置了memcache等多种缓存驱动. 但很多人的开发环境甚至服务器环境都是没有配置这些缓存环境的.所以,产生了一个变废为宝的思路,就原来的cache思路移植到新的memory体系中. 姑且命名为db与file两种,代码见: https://gitcafe.com/web3d/uxf/tree/master/upload/source/class/mem…

三.CSS层叠机制

概述 层叠就是对样式的层叠.是某种样式在样式表中逐层叠加的过程.让浏览器对某个标签特定属性值的多个来源,最终确定使用那个值.层叠是整个CSS的核心机制. HTML文档样式的来源 1.浏览器默认样式,每个浏览器本身就有一套默认的样式 2.用户样式,这对于视障用户很重要 3.作者样式.也就是Web开发者设计的样式 浏览器层叠各个样式的顺序: 浏览器会按照上面的顺序,依次检查每个样式的来源,并更新相关标签的设定,当整个检查更新结束后,再将每个标签以最终设定的样式显示出来 层叠规则 规则一:找到应用给每…

CSS定位机制

CSS中,存在3种定位机制:标准文档流(Normal flow) * 特点:从上到下,从左导游,输出文档内容 * 由块级元素和行级元素组成 浮动(Floats) * 能够实现横向多列布局 * 设置了浮动的元素,仍旧处于标准文档流中 * 注意:当元素没有设置宽度值,而设置了浮动属性, 元素的宽度随内容的变化而变化, 同时,高度也没办法扩展了,所以要清除浮动的影响 * 清除浮动常用方法: * clear:both; 对于紧邻的元素有效 * 设置width:100%(或固定宽度)+overflow:h…

css层叠机制说明

css通过建立与文档的关联而实施效果.文档结构重要性不言而喻,对于建立良好的内容索引.提高可维护性.较好的可访问性:另,利于css选择器选择.继承机制. 概要地讲,层叠机制是处理对文档上应用样式时解决该应用何种样式的解决方案,涉及到重要性.特殊性.来源.顺序的问题.下面分别说明. 概要      每条声明都是有特殊性的,其特殊性由选择器组件确定.用户代理会将特殊性赋予给每条声明.由于存在选择器分组和声明分组的情况,用户代理会将它们解组出来的.然后对应个元素可能会有多条规则.这时,若都是针对相同的…

localStorage的黑科技-js和css缓存机制

一.发现黑科技的起因  今天在微信公众号看到一篇技术博文,想用印象笔记收藏,所以发送了文章链接到pc上.然后习惯性地打开控制台,看看源码,想了解下最近微信用了什么新技术.  呵呵,以下勾起了我侦探的欲望.页面加载后的异常点就是只加载了一个js,如下图所示:  我很诧异,为什么已经开启了Disable cache,js只加载了一个,而且体积这么小.接着,我按住Ctrl+O进行资源文件查找,发现我被"忽悠"了.其实根本就不止一个js文件.  脑袋里灵光一闪,不会是用localStorage…

关于CSS层叠机制

谈到层叠机制,首先我们要知道什么是声明冲突. 声明冲突有三个条件:①多个选择器选中同一个元素:②声明块里的属性相同:③属性的属性值不同.同时满足这三点时就会产生声明冲突.比如下图html代码: <div> <p><span>hello word</span></p> </div> 他的css文件如下: span{ color:red; } p>span{ color:blue; } div>p>span{ color…

CSS定位机制总结

1,CSS 有三种基本的定位机制:普通流.浮动和绝对定位.除非专门指定,否则所有框都在普通流中定位.2,普通流定位:块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来.行内框在一行中水平布置.可以使用水平内边距.边框和外边距调整它们的间       距.3,CSS position 属性(1),static:元素框正常生成.块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中.(2),relative:元素框相对于它原来位置偏移某个距…