文章库ARTICLE COLUMN

  • 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
  • 关于弹幕的制作第一篇一 样式

    关于弹幕的制作第一篇一 样式

    摘要:之前做了一个弹幕,样式是这个样子的详情见,记得评论 之前做了一个弹幕,样式是这个样子的 showImg("https://segmentfault.com/img/bVkYTy"); 详情见 ,记得评论 http://blog.monokeroslun.xyz/xiang-mu-fen-xi-guan-yu-dan-mu-de-zhi-zuo/...

    binaryTreebinaryTree 评论0 收藏0
  • 走在 SVG + Low Poly 的路上

    走在 SVG + Low Poly 的路上

    摘要:那强大在哪呢,大家通过下面的图来感受一下。但手绘的时候尤其要小心,三角形的顶点要对齐。制作成之后,在使用的时候要注意,三角形之间是会有缝隙的,尽量放在同一色系的背景之上,这样会显得不明显。 随着 SVG 的发展,艺术家和设计师们把越来越多...

    Flink_ChinaFlink_China 评论0 收藏0
  • 浅谈 CSS 中的伪类 after

    浅谈 CSS 中的伪类 after

    摘要:而不会因为高度塌陷而被隐藏在内部浮动的子元素下。若果不考虑的高度塌陷问题,直接在其弟元素处设置属性即可。开始我误认为了是将中的内容插入至被选元素的弟元素位置上。中的示例从这个示例可以看出,伪类内容的默认方式应该为内联。 1. 引子 前段...

    shinezejianshinezejian 评论0 收藏0
  • CSS垂直居中

    CSS垂直居中

    摘要:大家都知道里面用加上就可以实现水平居中了,但是垂直居中却没有相应的属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为,然后将子元素也就是要垂直居中显示的元素设置为,然后加上来实现。 大家都知道css里面用text-align:center加上marg...

    NeverSayNeverNeverSayNever 评论0 收藏0
  • 围住浮动元素的三种方法

    围住浮动元素的三种方法

    摘要:由于包含元素一定会包围非浮动的子元素而且清除会让这个子元素位于清除一侧浮动元素的下方因此包含元素一定会包含这个子元素以及前面的浮动元素。 浮动元素脱离了文档流,其父元素也看不到它了,因而也不会包围它。这种情况有 时候并非我们想要的,下面向...

    Bowman_hanBowman_han 评论0 收藏0

热门文章

<