css
文章平均质量分 59
一直很安静a
这个作者很懒,什么都没留下…
展开
-
css绘制三角形
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。下面是一些常见的三角符号,改变px值,和color就可以得到使用;Triangle Up原创 2015-12-29 15:32:02 · 384 阅读 · 0 评论 -
css实现居中的方法
在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。首先,定义一个需要垂直居中的div元素,他的宽度和高度均为300px,背景色为橙色。代码如下:DOCTYPEhtm原创 2016-03-14 00:59:10 · 272 阅读 · 0 评论 -
DIV+CSS左右列高度自适应问题
我们在用DIV+CSS布局网页的时候,必然会遇到左右两列自适应高度的问题,就是左边列的背景会随着右边列内容的增加也相应的增加高度,下面就教大家DIV+CSS左右两列自适应高度的方法。 下面给出最终的效果图: 具体代码如下所示:DIV+CSS左右两列自适应高度的方法-HTMer.main{500px;overflow转载 2016-03-15 20:52:45 · 397 阅读 · 0 评论 -
border占据边距的问题
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。div.box{ box-sizing:border-box; -moz-box-s原创 2016-03-15 20:46:17 · 3146 阅读 · 0 评论 -
解决360浏览器优先选择极速模式,在兼容模式下出现乱码问题
最近用360浏览器访问自己的网站,发现都是被优先选用兼容模式打开,这使得网站很难看。为了让360浏览器打开网站的时候优先试用极速模式,找了一下官方论坛,发现了解决方案。html> head> meta name="renderer" content="webkit|ie-comp|ie-stand"> head> body> body>html>content的取值为原创 2015-12-25 16:03:14 · 8673 阅读 · 0 评论 -
clientHeight / scrollHeight / offsetHeight 等属性的区别图
clientHeight / scrollHeight / offsetHeight 等属性的区别图网页(内容)可见区域宽:document.body.clientWidth网页(内容)可见区域高:document.body.clientHeight 即页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。网页可见区域宽:docu原创 2016-01-06 23:05:24 · 2706 阅读 · 0 评论 -
css布局之flex
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局原创 2015-12-04 11:03:07 · 364 阅读 · 0 评论 -
div css 多行文本 最后一行自动显示省略号
div{display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}-webkit-line-clamp: 3;这个设置为显示3行,超过3行则最后用省略号代替,目前在移动设备上使原创 2015-11-30 11:27:57 · 2357 阅读 · 0 评论 -
360浏览器用的什么内核?
由于众所周知的情况,国内浏览器都是双核浏览器;基于webkit内核用于常用网站的高速浏览;基于IE浏览器兼容网银、旧版网站。以360为列,我们优先通过webkit内核渲染主流网站,只有少量网站 通过IE内核渲染,以保证页面兼容。在过去很长的一段时间里,我们主要的手段是一个几百k大小的网址库,一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈,代码标签智能判断技术提高浏览器的自动切核原创 2015-12-30 17:06:28 · 17658 阅读 · 1 评论 -
web前端开发代码命名规范整理
做为一个web前端工程师,每天接触HTML、css就像吃饭一样,但是作为一名合作、优秀的web前端工程师,对DIV+CSS命名还是有一定的规范的,本文整理了一份web前端开发中DIV+CSS各种命名规范。Div+CSS命名规范一. 窗体头:header 内容:content/container 尾:footer 导航:nav 侧栏:sideb原创 2016-04-09 17:53:58 · 2798 阅读 · 0 评论