文章库ARTICLE COLUMN

  • stylus入门使用方法

    stylus入门使用方法

    摘要:默认使用的作为文件扩展名,支持多样性的语法。功能上更为强壮,和联系更加紧密。所以我选择,玩儿过一段时间,主要是这玩意依赖运行,所以我放弃使用了。这样就算是安装完了,也可以正常使用。用于保存项目元数据。 stylus介绍 是个什么鬼?对于开发...

    LiuZhLiuZh 评论0 收藏0
  • 【译】编写更好的CSS必备的40个工具

    【译】编写更好的CSS必备的40个工具

    摘要:一个叫的人用纯重绘并模拟了种不同的移动设备包括可以给你的网站添加不相关的独立组件的一个库。每一个组件都是针对移动设备定制的,并且它有很多你在传统的框架中看不到的功能。如果你用开发移动优先的网站,并想要网站正常运行在低版本的上,可以考虑...

    moven_jmoven_j 评论0 收藏0
  • html 元素 强制不换行

    html 元素 强制不换行

    摘要:中是用来强制不换行的在排版中对包裹的标签使用属性即刻实现强制不换行如强制不换行强制不换行在使用的超文本中把等元素强制变成行内元素然后就能够像第一种情况一样对其进行操作例子父级限宽下元素强制不换行使子标签自身有借用的关键形容词的宽度随机...

    AndrmanAndrman 评论0 收藏0
  • 获得html元素自身的宽度

    获得html元素自身的宽度

    摘要:想要控制元素显示的量最好是要知道元素自身能有多么大的宽度接上一文章父截断了子元素的显示那么使用鼠标可以获得子元素的实际需要的宽度加载完毕之后可以使用动态控制的宽度想要的宽度用到属性与此类似的还有参考链接精准定位获取宽度获取鼠标位置使用...

    smallStonesmallStone 评论0 收藏0
  • 【译】一些你不知道的CSS属性

    【译】一些你不知道的CSS属性

    摘要:目前,和不支持该属性,但不久后就会改变。承诺支持该属性,值得期待等支持该属性。在知乎的一个专栏上介绍了三个奇淫技巧,很有用,补充在此文后面关于几乎没人知道的件事英文原文译文出处一些你不知道的属性 Box-sizing 尽管box-sizing在CSS3中才被...

    U2FsdGVkX1xU2FsdGVkX1x 评论0 收藏0
  • CSS3的content属性详解

    CSS3的content属性详解

    摘要:中主要的伪元素有四个,在伪元素选择器中,有一个属性,能够实现页面中的内容插入。这是链接运行结果插入项目编号利用的属性针对多个项目追加连续编号大标题文字大标题文字大标题文字大标题文字运行结果项目编号修饰默认插入的项目编号是数字型的,。。...

    RyanHooRyanHoo 评论0 收藏0
  • 小技巧 - 如何做到让一个元素在禁用JavaScript时和启用JavaScript时有不同的样式

    小技巧 - 如何做到让一个元素在禁用JavaScript时和启用JavaScript时有不同的样式

    摘要:可能在特定的情况下禁用时,我们需要将一个元素的样式发生改变,这时候应该怎么办呢解决方法第一步,给我们当前文档的根节点即元素添加一个代码代码第二步,在我们选择的元素的前面加上表示这是在没有禁用的情况下使用的样式代码在线的展示效果点击这里...

    timgertimger 评论0 收藏0
  • 前端常用动画效果和功能控制

    前端常用动画效果和功能控制

    摘要:原理分析使用延迟加载效果的网站,一般也会使用一个默认的图片来占位,比如优酷和。这样可以防止用户在滚动过快时造成可能出现的页面结构混乱和图像一时加载不出来出现的。针对这一功能,也有一个常用的插件。 图片延迟加载 许多网站的图片是在下拉滚...

    A  LoityA Loity 评论0 收藏0
  • 了解CSS浮动以及清理浮动(Float)

    了解CSS浮动以及清理浮动(Float)

    摘要:浮动浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,相当于不占用空间,所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS浮动 浮动的框可以向左或向右移动,直到它的外边...

    TZLLOGTZLLOG 评论0 收藏0
  • flexbox:更加优雅的Web布局

    flexbox:更加优雅的Web布局

    摘要:它用来可以处理更加复杂的布局。在容器下的子元素的宽度和比容器和小的时候起作用。按照的值减去相应大小得到子元素的值。实例截图实例查看用于当前行中的子元素进行对齐布局。子元素拉伸至充满容器。优雅的实现响应式布局。 showImg("http://i2.tietu...

    mdluomdluo 评论0 收藏0
  • CSS基础教程

    CSS基础教程

    摘要:简介概述指层叠样式表决定元素如何显示内容与样式分离多个样式定义可层叠为一层叠次序浏览器缺省设置外部样式表内部样式表位于标签内部内联样式在元素内部基本语法语法结构高级语法选择器的分组继承继承中的属性重写从中继承的属性 CSS简介 CSS概述 ...

    smartlionsmartlion 评论0 收藏0
  • 利用 CSS animation 和 CSS sprite 制作动画

    利用 CSS animation 和 CSS sprite 制作动画

    摘要:今天给大家介绍一个使用配合雪碧图来制作动画的方法,可以做出类似于动画的效果。利用雪碧图来制作动画使用了里面的一个重要的函数。 CSS3 大大强化了制作动画的能力,但是如果要做出图案比较复杂的动画,选择 GIF 依然是一个不错的选择。今天给大家介...

    陈伟陈伟 评论0 收藏0
  • 解决ios safari中按钮圆角问题

    解决ios safari中按钮圆角问题

    摘要:问题描述使用编写页面在移动中嵌套,总会涉及到按钮的使用,在手机浏览器中显示正常,但在浏览器中会看到按钮显示为圆角样式,设置也不好使,其实添加就能解决问题。问题截图解决上的圆角问题总结使用样式轻松解决上的圆角问题。 问题描述   使用ht...

    fanuxfanux 评论0 收藏0
  • 自我总结CSS中的陷阱(长期更新)

    自我总结CSS中的陷阱(长期更新)

    摘要:低版本万恶的不支持通过解决,或者是。不支持动画属性通过解决下双倍边距问题通过解决。简单的解决方案时为相对定位的框设置宽度和高度。不能写进一个声明中。 低版本IE bug 万恶的IE6/7 IE6 position:fixed不支持:通过css expression解决,或者是_po...

    iliyakuiliyaku 评论0 收藏0
  • nec的reset文件摘要

    nec的reset文件摘要

    摘要:中的元素或者块级引用元素,代表其中的文字是引用内容。要从正常的上下文抽取这些字符时,通常要用到这个标签。 /** * @blockquote : HTML中的元素(或者 HTML 块级引用元素),代表其中的文字是引用内容。 * @pre : pre 元素可定义预格式化的文本 * @...

    2i18ns2i18ns 评论0 收藏0
  • nec中常用样式摘要

    nec中常用样式摘要

    摘要:清除浮动的方式内联隐藏显示左浮动右浮动默认字体 /*清除浮动*/ .f-cb:after, .f-cb li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; } /*I...

    darrydarry 评论0 收藏0
  • CSS

    CSS

    摘要:基础教程简介概述指层叠样式表决定元素如何显示内容与样式分离多个样式定义可层叠为一层叠次序浏览器缺省设置外部样式表内部样式表位于标签内部内联样式在元素内部基本语法语法结构高级语法选择器的分组继承继承中的属性重写从中继承的属 CSS基础教程 ...

    hankkinhankkin 评论0 收藏0
  • 阿里巴巴 2015 暑期实习前端笔试题

    阿里巴巴 2015 暑期实习前端笔试题

    摘要:前言上周二在阿里暑期实习的前端笔试那里打了个酱油。当不存在时,将会创建它。要求单击该元素后,提示用户用户名不能为空。要求内边框宽度为,无外边框。要求在前端实现一个根据一批员工,通过查询员工信息的功能。其实是考察的内容。 前言 上周二在...

    zhangxiangliangzhangxiangliang 评论0 收藏0
  • [ 那些技巧 ] 使整个网站变灰色

    [ 那些技巧 ] 使整个网站变灰色

    html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(data:image/sv...

    selfimprselfimpr 评论0 收藏0
  • 4种方法实现边栏固定中间自适应的3栏布局

    4种方法实现边栏固定中间自适应的3栏布局

    摘要:布局结果依然后前两种相似,代码如下。如果你还有好的方法,请一定给我留言哦欢迎光临小弟博客我的博客原文种方法实现边栏固定中间自适应的栏布局 设计一个页面,经常会遇到3栏布局,包括左右边栏和中间主题内容,一般情况下都是边栏固定,中间自适应...

    EddieChanEddieChan 评论0 收藏0
  • [ 性能优化 ] Yahoo前端优化规则规则 (1)

    [ 性能优化 ] Yahoo前端优化规则规则 (1)

    摘要:自己是做前端开发的,在性能方面,根据的调查,后台只占,而前端高达之多,其中有的东西是可以优化的。相信很多人都听过优化网站性能的条规则。淘宝和阿里巴巴中文站目前都是这样做的。目前的浏览器都能良好地支持。 相信互联网已经越来越成为人们...

    xiaolinbangxiaolinbang 评论0 收藏0
  • [翻译]关于Vertical-Align你需要知道的事情

    [翻译]关于Vertical-Align你需要知道的事情

    摘要:在元素的和固定的情况下,一点小的改变也很有可能对布局造成影响。其中高度有可能是由元素的内容决定的。行高的上下边界是红线。元素也有和上下边界,元素是需要对齐的对象。因此文字的最高点超过了的高度。在第二种情况下,另外两个元素的位置发生了下...

    reclayreclay 评论0 收藏0
  • 文字垂直居中

    文字垂直居中

    摘要:今天看到一个解决文字垂直居中的,无论从扩展性还是周围影响性,都很巧妙且不牵强真是一举解决了困扰多年的难性问题。 今天看到一个解决文字垂直居中的demo,无论从扩展性还是周围影响性,都很巧妙且不牵强: css.vertical { position: relative;...

    gselfgself 评论0 收藏0
  • 2014年CSS报告——考察如何使用CSS

    2014年CSS报告——考察如何使用CSS

    摘要:常用的选择器会有类选择器和元素选择器,比如说这样的选择器就很常见。我猜,大多数网站都用元素选择器来重置浏览器自带的属性。这些在一些特定的网站中都通常用来设置网站的基本样式,也将导至这些元素选择器至少多次被选中。 CSS主要是将一个HTML结...

    ctriptechctriptech 评论0 收藏0
  • 禁用webkit textarea可调整大小和文本框焦点时边框

    禁用webkit textarea可调整大小和文本框焦点时边框

    1. 取消拖动调整大小 /*css2.0*/ textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;} /*css3.0*/ texearea {resize: none;} 2. 聚焦时边框颜色不变 input {outline: none;} textarea {o...

    yeyan1996yeyan1996 评论0 收藏0

热门文章

<