css

  • 关于css浮动
    关于css浮动

    html: <div class = "left"> <div> <p>标题1</p> </div> <div> <p>标题4</p> </div> </div> <div class = "right"> <div> <p>标题3</p> </div> <div> <p

    css, 浮动May 5

  • 用CSS实现阴阳八卦图等图形

    CSS还是比较强大的,可以实现中国古典的"阴阳八卦图"等形状. 正方形 #rectangle { width: 200px; height: 100px; backgrount-color: red; } #circle { width: 100px; height: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background-color: red; }

    css, 图形, 八卦图, 鸡蛋图May 3

  • JS和CSS压缩部署,提高访问效率

    一直想把项目中的js和css压缩下,今天终于搞定了. 先说说几个注意的问题,目标影响着你对应的解决办法: 1.压缩后的文件,是否要直接覆盖旧的文件 2. 单个压缩文件重命名,还是整个目录换个名字,同时文件名称不变 3. 部署访问和切换问题 4.压缩后的,是否要上传到git等远程仓库里 比如 C:/js a.js,a.css 方式一,直接覆盖,目录和文件名称,都不变化. 方式二,不覆盖,仍然在同一个目录下. C:/js/a.min.js 方式三,换个目录,同名 C:/js2/a.js ------

    css, 压缩, 九天鸟, 压缩部署May 3

  • CSS实现pre标签中内容换行方法

    CSS实现pre标签中内容换行方法技术 maybe yes 发表于2015-01-25 18:35 原文链接 : http://blog.lmlphp.com/archives/70 来自 : LMLPHP后院 HTML 中的 PRE 标签默认是不会换行的,即使声明了 word-wrap 和 word-break 属性也没有效果:DIV 标签可以很方便的换行,不会把页面撑破.因为这个原因,很多网站在显示代码的时候使用 DIV 来作为容器.使用 DIV 标签装载代码有个弊端,就是冗余内容太多,换行

    css, html, 换行, 前端, PREApril 24

  • HTML+CSS+JS实现TABLE固定列(常见浏览器兼容)的最佳实践

    BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功能较多的话,就需要写大量的冗余代码,难以维护,甚至于一个简单的功能,都需要写很多的代码,比如事件处理等,

    css, table, html, 兼容, 固定列April 23

  • 31~35段

    31.css3文本框高亮 input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin:

    css, [翻译]April 21

  • 第二章 使用方法和基础元素
    第二章 使用方法和基础元素

    使用ICECSS 首先你需要到 https://github.com/T-baby/ICECSS 上下载最新版本的包. 我们下载后可以看到这样一个文件结构,docs是文档,css中包含了普通版.压缩版.Less版三个版本的CSS文件,font是图标字体,html文件夹里存放了两个例子,同时也是建议大家在开发时将html文件放在html文件夹中.img下存放着图片ICECSS所需的两个图片和一个例子用的logo. 为了大家使用方便,在JS文件夹中不仅有ICECSS的JS还附带了Jquery和Les

    css, 入门指南, ICECSSApril 15

  • css学习-布局

    css布局技术的根本都是三个基本概念:定位,浮动,外边距操纵. 在页面中水平居中 width:920px margin:0 auto; body{ text-align:center // ie会误解让所有东西居中,而不只是文本. } 创建两列和三列的基于浮动的布局 主要都是使用float来实现. 但是最好添加display:inline 来预防ie中的双外边距浮动产生的bug. 可以对 .content{ overflow:hidden; } 创建固定宽度.流式和弹性布局. 对于流式布局 :

    cssApril 14

  • css学习-对表单和数据表格应用样式

    表格特有的元素 summar 和 caption 对于caption是表格的标题. 对于summary是表格标签. thead tbody tfoot col colgroup css 规范有两个表格边盒模型.单独的和叠加的. 将表格的border-collapse属性设置为collapse

    cssApril 14

  • css学习-对列表应用样式和创建导航条

    使用css对列表应用样式 list-style-image: ul li 使用背景图像作为项目符号 创建垂直导航条和水平导航条 使用ol 和 li 创建简单的水平导航条. 使用滚动门标签页式导航 ul li 创建图形化导航条 纯css下拉菜单 创建css图像映射 创建远距离翻转 使用定义列表

    cssApril 14

  • css学习-对链接应用样式

    通过锚 的 a:link a:visited a:hover a:focus: a:active

    cssApril 14

  • css学习-背景图像效果

    repeat-x repeat-y no-repeat 对于像素背景位置 圆角框 思路:使用两张图 上一张,下一张. 滑动门技术 使用四张图片 山顶角 border-radius border-image 投影 最简单的原理:将一个大的投影图像应用于容器div的背景,然后使用负的外边距偏移这个图像,从而显示出投影. box-shadow 投影 不透明度 opacity filter:alpha(opacity=) 不透明的问题:除了对背景生效之外,应用它的元素内容也会继承他 RGBa png透明

    cssApril 14

  • css学习-可视化格式模型

    盒模型 widht height padding border margin IE和盒模型 对于ie6的盒模型中,浏览器的width属性不是内容的宽度,而是内容加上内边距加上边框的总和. 没有特殊要求的话,不要给元素添加指定宽度的内边距,而尝试将内边距或者外边距添加到元素的父元素或者子元素上面去. 外边距叠加 当两个或者更多的垂直外边距相遇的时候,他们将形成一个外边距,这个外边距的高度等于两个发生叠加的外边距的高度的较大者. 当一个元素包含在另外一个元素中,他们顶部和底部边距也会发生叠加. 例如

    cssApril 12

  • css学习心得-为样式找到应用目标

    常用选择器 # 类型选择器 # 后代选择器 伪类 :link :visited 链接伪类 ,只能用于锚元素 :hover :active :focus 动态伪类,可以应用于任何元素 ps: ie6 忽略掉 :focus伪类.ie7任何元素都支持:hover,但是会忽略掉:active 和 :focus 通用选择器 * 高级选择器 子选择器和相邻同胞选择器 区别所有后代和直系后代(子元素) #nv>li{ } 兼容性:ie7+ ,但是针对于这样的写法,如果在ie7中,html中存在注释的话,就会出

    cssApril 12

  • 用CSS美化被鼠标选中的文字的样式

    CSS的作用就是用来美化网页的内容或者结构层次.这我们都知道,不是吗?随着CSS技 术的不断革新升级,我们获得了更多的控制样式的能力.一个不是那么众所周知的技术就是我们可以在浏览器里美化被选择的文字的样式.Windows自身提供 的是一种很难看的墨绿色的颜色,而苹果电脑上提供的是浅绿色.火狐浏览器,IE9,Opera和谷歌浏览器允许我们自定义被选择文字的颜色.让我来展示给 你看: 1 2 3 4 /* webkit, opera, IE9 */ ::selection { background

    css, 选中字体背景March 31

  • css为什么要清除浮动
    css为什么要清除浮动

    DIV1宽度为100px, DIV2宽度为50px, 如果上级DIV层的宽度大于DIV1+DIV2的宽度, DIV2设置浮动属性float:left, DIV2会像流水一样,自动显示在DIV1的右侧, 如果上级DIV层的宽度等于或者小于DIV1+DIV2的宽度, 那么,DIV2层就会被挤到DIV1的下方. 如果DIV1设置了清除属性,DIV2就不会流动到DIV1的后面, 而是直接显示在DIV1的下面. (请看下图)

    css, 清除浮动March 31

  • css3中-moz.-ms.-webkit各什么意思

    -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome.safari私有属性

    css, -moz、-ms、-webkitMarch 31

  • CSS控制的内容超过容器宽度后显示省略号

    text-overflow:ellipsis属性在FF中是没有效果的. 同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果 text-overflow是一个比较特殊的属性,在CSS手册中,这个属性是这样定义的: 语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 (clip这个参数是不常用的

    css, 文本, 省略March 31

  • [css技术指南笔记] 第三章 盒子模型 浮动 清除浮动 定位 显示属性 背景

    盒子模型 width:auto 时,假设实际元素是浏览器中的width值为200px,当增加 css{margin:10px;border:1px;padding:10px;} 后,元素整体的宽度还是 200px,会挤压元素的显示区域: width:200px 时,即设置了具体的宽度,当增加 css{margin:10px;border:1px;padding:10px;} 后,元素整体的宽度变为是 200+(10+1+10)*2 = 222px,会一直维护元素的显示区域为200px: CSS3

    css, 浮动, 定位, 背景, 清除浮动, 盒子模型, 显示属性March 26

  • libcef 1.x版本中对css user-select处理与chrome行为不一致的问题以及解决

    在某些情况下,为了不让用户选择web页面元素,我们使用css来禁止选中: * { -webkit-user-select: none; } 这种处理方式在chrome,safari等webkit内核浏览器中都是支持的,也没有什么问题,但是在libcef中,并且libcef浏览器处于子窗口中时,会出现bug--input标签文本框无法获得键盘焦点. 为了解决这个问题要修改css如下: * { -webkit-user-select: none; } input { -webkit-user-sel

    css, 前端, libcefMarch 25

  • CSS实现文字一行显示带省略号

    CSS实现文字一行显示带省略号技术 maybe yes 发表于2015-01-20 11:39 原文链接 : http://blog.lmlphp.com/archives/64 来自 : LMLPHP后院 <style> word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px; </style> CSS原生自带的功能虽然好,但是用起来不怎么

    css, 一行, 省略号, 前端技术March 25

  • JavaScript获取DOM节点HTML元素CSS样式

    JavaScript获取DOM节点HTML元素CSS样式技术 maybe yes 发表于2015-01-10 18:07 原文链接 : http://blog.lmlphp.com/archives/59 来自 : LMLPHP后院 如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值?使用过 JQuery 的童鞋一定都非常的熟悉,Jquery 提供了非常强大的 CSS 方法,可以很方便的设置和获取元素的 style 属性. 某些情况下,我们不能使用 JQu

    JavaScript, css, 网站开发, 前端技术March 21

  • 小记浏览器兼容问题

    最近面试了几家公司,发现都爱问浏览器兼容的问题啊,哪个元素会有兼容问题,都能大约猜到,要我一个一个说,确是不能说太多,于是回家整理下以前的笔记,网上也找了些. 1. IE6下图片下方有空隙产生: 设置img 为display:block 或者设置vertical-align属性为vertical-align:top | bottom |middle |text-bottom 2. z-index在ie7 容易混乱,一定要给要给浮动的层的最上层的父级模块标签也写上z-index 3.在IE6及更早

    浏览器, css, html, 兼容March 18

  • CSS行高--line-height
    CSS行高--line-height

    初入前端的时候觉得CSS知道display.position.float就可以在布局上游刃有余了,随着以后工作问题层出不穷,才逐渐了解到CSS并不是几个style属性那么简单,最近看了一些关于行高的知识,就此总结一下. 所谓行高是指文本行基线间的垂直距离.要想理解这句话首先得了解几个基本知识: 顶线.中线.基线.底线 <!DOCTYPE html><html> <head> <title>Test</title> <style type=&

    line height, cssMarch 12

  • CSS教程:div垂直居中的N种方法[转]

    在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生 效,例如表格元素中的<td>.<th>.<caption>等,而像<div>.<span>这样的元素是没有valign特性的,因此使用vertic

    div, css, 垂直居中March 9

  • CSS中的伪类和伪元素

    伪类 伪类与类相似,但又没有类附加标签上.伪类分为UI伪类和结构化伪类. UI伪类 :link(将样式添加到未被访问的链接上) :visted(将样式已添加到访问的链接上) :hover(将样式添加到鼠标悬浮的元素上) :active(将样式添加到被激活的元素上) :focus(将样式添加到被选中的元素上) 结构化伪类 :first-child(将样式添加到第一个子元素上) :last-child(将样式添加到最后一个子元素上) 伪元素 伪元素是在文档中若有实无的元素. 主要有以下几种 :fir

    css, 伪类, 伪元素March 5

  • web頁面上的那些圖標

    在一個HTML結構的頁面中,使用圖標最常接觸的是標籤<img>和css屬性background-image.<img>純粹是為了顯示圖片而添加的標籤,適用於尺寸大的圖片,強調圖片的信息,不屬於頁面圖標的範疇(在web設計中,圖標和圖片是兩種概念:圖標在某種程度可有可惡,起到修飾點綴的效果,本身沒有什麼信息量:而圖片不同,圖片也是頁面欲展示給用戶的信息):因此,依賴<img>標籤實現的點綴圖標的作用的,都是不那麼合理的,因為<img>不是幹這種事情的,對搜索引

    compass, sprite, sass, cssFebruary 10

  • css隐形的空隙(inline的坑)
    css隐形的空隙(inline的坑)

    好久没写东西了,最近有点忙,再加上自己在捣鼓一个video转gif的东西(github:传送门),是一个用node-webkit(mac版用atom-shell)做的一个桌面应用,也就没怎么写东西,不过刚好弄这东西的时候遇到了空隙的问题就来查查资料,讨论讨论,研究研究..... 先看下debug代码 <!DOCTYPE html> <html> <head> <style media="screen"> div { display: in

    img, css, inline, 空隙February 6

  • Bootstrap3学习笔记:表格

    Bootstrap在表格组件里提供了一种基础.table样式.四种附加样式(.table-striped..table-bordered..table-hover..table-condersed)以及一个支持响应式布局的.table-responsive容器样式. <!DOCTYPE html> <html> <head> <meta charst="gb2312"> <meta http-equiv="X-UA-Com

    JavaScript, css, html, Bootstrap3February 3

  • Bootstrap3学习笔记:基础排版

    HTML基础页面排版(Typography),例如:标题.地址.列表.文本模块.在Bootstrap中在此基础上做了不少优化工作. <!DOCTYPE html> <html> <head> <meta charst="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- user-scalable=

    JavaScript, css, html, Bootstrap3February 2

  • 使用XSLT统计存储在XML中的日志信息
    使用XSLT统计存储在XML中的日志信息

    今天研究了下VS在读取低版本项目时对其进行升级的迁移报告"UpgradeLog.XML",这个报告是一个XML文件,但是加载了一个XSLT文件"UpgradeReport.xslt".这个XSLT文件除了用于逻辑计算的部分外,还包含了一些javascript代码,并引用了一个CSS文件"UpgradeReport.css"用来配置样式. 于是我照猫画虎,用XSLT实现了一个简易版的XML日志统计界面,只实现了统计各类日志的功能. "Lo

    xml, xslt, cssJanuary 30

  • HTML/CSS/JavaScript code

    1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复制 3. onpaste="return false"

    JavaScript, VBScript, css, asp.net, htmlJanuary 27

  • IE与Firefox下对CSS解析的区别

    1.IE与Firefox下对CSS解析的区别,这是我在使用中的一些经验,拿出来和大家分享,希望大家继续 对高度的解析 IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度 Firefox:没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况:当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不会变化,造成样式错位. 结论:大家在可以确定内容高度的情况下最好定义高度,

    firefox, 浏览器, PHP, cssJanuary 27

  • CSS技巧:取消class和id前的元素限定

    当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,而clas s可以在页面中多次使用.你限定某个元素毫无意义.例如: div#content { /* declarations */ } fieldset.details { /* declarations */ } 可以写成 #content { /* declarations */ } .details { /* declarations */ } 这样可以节省一些字节.

    jquery, css, JavaSctiptJanuary 23

  • 兼容IE7的border-collapse

    当table的border-collapse设置为separate时,可以用border-spacing设置单元格之间的间隙.但IE7这朵奇葩却不支持这个功能. IE7中的解决方式是用*border-collapse代替,例如: *border-collapse: expression('separate', cellSpacing = '20px'); 等价于 border-collapse: separate; border-spacing: 20px; 但是,border-spacing支

    ie7, css, table, border-collapse, border-spacingJanuary 14

  • 解决IE7下float right另起一行问题

    做前端开发都是折翼天使!好不容易不用兼容IE6了,但IE7也是一朵奇葩. 今天遇到的问题就是float right的元素不会像其他浏览器一样:在当前行居右显示,而是另起一行再居右显示.例如: <label>left</label><label style="float: right;">right</label> 期望显示的结果是: ------ ------- |left| |right| ------ ------- IE7中显示的结

    ie7, css, html, float, rightJanuary 13

  • DotNetNuke CSS hierarchy

    Posted by Vasilis on Sunday, September 21, 2008 DotNetNuke CSS hierarchy If you ever tried to view the source code when a DotNetNuke page is loaded in the browser, you probably noticed that there are several CSS files attached in the head area. In th

    hierarchy, stylesheet, containers, dotnetnuke, css, stylesJanuary 13

  • 彻底弄懂CSS+DIV

    前言 如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提高企业竞争力,那么你一定要接触到的一个知识点就是CSS的盒子模式,这就是DIV排版的核心所在,传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页.因为用这种方式排版的网页代码简洁,更新方便,能兼容更多的浏览器,比如PDA设备也

    div, css, 生活, class, header, floatJanuary 13

  • CSS命名规范

    1. 项目文件规范 文件规范 使用 Tab 进行缩进, 使用正确的缩进来表明嵌套层次 左大括号放置在函数/类/组合语句的末尾 文件编码为 utf-8 修改的重要的注释使用 来进行注释, 其余采用简洁注释 `/* 增加新模块 (User)[2014-05-06] */` .header .logo{} CSS文件命名 css 文件根据模块的名称来进行命名, 放入到样式文件夹中, 公共文件使用 default.css default.css # 公共文件 extend.css # 扩展文件命名 gu

    css, 命名规范January 11

  • CSS Specificity--CSS特性.权重.优先级---CSS specificity规则.

    CSS Specificity As mentioned above, CSS styles follow an order of specificity and point values to determine(确定) when styles override(覆盖) one another or take precedence(优先). Nettuts recently had a nice article in which the point values for css were ex

    css, 继承, SpecifcityJanuary 9

  • CSS Position学习
    CSS Position学习

    介绍 CSS Position有四个属性: relative absolute fixed static(默认) 样例 <div id="parent"> <div id="sub1">sub1</div> <div id="sub2">sub2</div> </div> sub1和sub2是同级关系,parent是它们的父级元素. 1. relative(相对定位) 相对定

    css, positiveJanuary 9

  • Custom CSS Stylesheets for Calibre's Viewer

    body {color:rgb(0,0,0); background-color:rgb(174,174,174); text-align:justify; line-spacing:1.8; margin-top:0px; margin-bottom:4px; margin-right:50px; margin-left:50px; text-indent:3em;} h1, h2, h3, h4, h5, h6 {color:black; text-align:center; font-st

    cssJanuary 9

  • CSS多行文本垂直居中

    .outer { display:table; width:578px; overflow:hidden; background: #eee; height: 42px; } .middle {display:table-cell; vertical-align:middle; margin-left 10px;} /*下面的CSS是针对IE7,IE6*/ <!--[if lte IE 7]> <style> .outer{position:relative;} .middle{p

    css, html, 多行文本垂直居中January 4

  • 响应式设计三部曲
    响应式设计三部曲

    原文:Responsive Design in 3 Steps 译文:响应式设计的三个步骤 译者:dwqs 现在,响应式Web设计无疑是非常流行的.如果你对响应式设计还不熟悉,可以看看我之前发表过的关于这方面的responsive sites.对于新人,responsive design可能听起来有点复杂,但实际上,它比你想的要简单的多.为了帮助你快速入门响应式Web设计,我写了一篇快速入门教程.我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(media query)(假设你有基本的C

    cssJanuary 4

  • CSS:响应式下的折叠菜单(条纹式)
    CSS:响应式下的折叠菜单(条纹式)

    原文:CSS: Responsive Navigation Menu 译文:CSS:响应式导航菜单 译者:dwqs 写在之前,关于如何制作响应式的下拉菜单:响应式下的下拉菜单 之前,我写了一篇关于怎么制作响应式的移动导航的教程.现在,我发现了一个新技巧,不用使用JavaScript就能实现响应式菜单,而是使用HTML 5清晰的语义标记. 这个菜单能居左.居中和居右对齐,不像之前文章提到的菜单需要靠点击在显示和隐藏之间进行切换.它也有一个标记显示激活/当前菜单项,并且它能作用在所有移动平台和包括I

    cssDecember 31

  • web开发之浏览器(五)----浏览器兼容CSS hack
    web开发之浏览器(五)----浏览器兼容CSS hack

    首先,仅仅IE支持的条件注释语句 <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> <!--[if gte IE

    hack, css, bugDecember 25

  • 跟随菜单栏的实现方法

    方法一: 使用css position:fixed; 效果:然后无论你怎么滚动滑轮,它就在那里,不来不去,因为它确实就是一直没有移动: 优点:没有比这个更简单的了 缺点:只能保持fixed的浮动效果,在响应式布局下不适合. 方法二: 1,使用Jquery或JavaScript(此处示例为Jquery) $(function() { //获取要定位元素距离浏览器顶部的距离 var navH = $(".blog-sidebar").offset().top; //滚动条事件 $(wind

    JavaScript, css, 菜单跟随December 10

  • DIV+CSS规范命名集合

    我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 命名规则说明: 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3).每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4).空元素要有结束的tag或于开始的tag后加上"/" 5).

    css, htmlDecember 10

  • 半深入了解float与inline-block

    首先是兼容性 float的话完全不用担心什么浏览器都能兼容,是一个比较老的属性了. inline-block则在IE8以上(包括8)才能使用,查了下资料,其实IE5.5的时候就已经有inline-block了,只是实现不一样,所以想要兼容低版本的IE就只能用额外的代码 display:inline; //强行不换行 zoom:1; // 用来触发hasLayout,有兴趣深入理解的猴子可自行了解 其次是对父亲元素的影响 inline-block的话,没什么好说的,唯一要注意的就是每个设置了inl

    css, float, inline-blockDecember 4

  • 使用lesscss-maven-plugin,实时监控less文件的编译,只需一步配置

    https://github.com/Dreampie/lesscss-maven-plugin 的lesscss-maven-plugin插件: 目前刚刚发布第一个版本1.0: <lesscss-maven-plugin.version>1.0</lesscss-maven-plugin.version> 使用方式: maven配置文件pom.xml里配置 <plugin> <groupId>cn.dreampie</groupId> <

    maven, Java, css, less, Lesscss, maven-pluginNovember 18