文章库ARTICLE COLUMN

  • CSS/两栏并列等高布局

    CSS/两栏并列等高布局

    摘要:刚好,两栏并列等高布局就出来了具体的实践过程中可以把和的值设大一些,要保证任意两栏的高度差不小于你设置的值。至此,总算把实现两栏等高布局的原理弄懂了。这说明不要轻易看别人的简历血的教训啊地址两栏并列等高布局实验 实习的时候在老大那里偶...

    macg0406macg0406 评论0 收藏0
  • 什么是 "containing block"

    什么是 "containing block"

    摘要:简写为有以下几种情况根元素所在的包含块是一个长方形,称为初始的包含块。假如元素的设为或,包含块是由最近的父容器块的内容区边缘形成的。假如元素的设为,包含块是由所在的或决定。 官方定义:一个元素盒子的位置和大小有时相对于某个矩形来计算的...

    henry14henry14 评论0 收藏0
  • CSS那些事

    CSS那些事

    摘要:今天跟大家分享一下中一些比较重要和比较容易被忽略的东西,开始吧。当为时,块级元素的宽度会填满整个包含块。也就是说上下外边距的值也是以父元素的宽度为标准的。 今天跟大家分享一下CSS中一些比较重要和比较容易被忽略的东西,开始吧。 样式优先...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 写css的毛病

    写css的毛病

    摘要:最近公司要做手机端页面,之前没做过,也只是给另一边的美工指点一下,不过发现现在写有一个毛病那就是类型下面的代码为什么这样写,原因是在写或看别人的代码时,会发现有很多代码都重复于是遵循个人感觉找页面中的共同点来封装,如大小,字体等做到对...

    wenyiwebwenyiweb 评论0 收藏0
  • 隐藏IE10默认在input框输入内容后显示“X”按钮

    隐藏IE10默认在input框输入内容后显示“X”按钮

    showImg(http://segmentfault.com/img/bVcPFM); ::-ms-clear{display: none;} ::-ms-reveal{display: none;}

    pubdreamccpubdreamcc 评论0 收藏0
  • 使用 CSS3 Flexible Boxes 布局

    使用 CSS3 Flexible Boxes 布局

    摘要:对于块级元素来说,布局的延伸方向是自上而下的,也就是纵向。而对于行内元素来说,布局延伸方向是自左往右的,也就是横向。当属性值相加时,元素并不会溢出,而是表现为两两之间所占空间大小遵循相互的百分比比值。 Flexible Box是什么?Flexible意为...

    boredreamboredream 评论0 收藏0
  • 详解 CSS 属性 - 伪类和伪元素的区别

    详解 CSS 属性 - 伪类和伪元素的区别

    摘要:之前写了一篇详解属性的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸兄指正了我的错误,所以今天打算好好研究下两者的区别。伪元素用于将特殊的效果添加到某些选择器。伪类种类伪元素种类区别这里用伪类和伪元素来进行比较。 ...

    jiekechoojiekechoo 评论0 收藏0
  • 详解 CSS 属性 - 优先级问题

    详解 CSS 属性 - 优先级问题

    摘要:当你将一个样式添加到元素上却发现不起作用时,那就是遇到优先级问题了。那么应该如何处理优先级问题呢,下面我总结了一些解决优先级问题的常用法则。如内部样式外部样式内联样式此时显示的优先级是。 当你将一个样式添加到元素上却发现不起作用时,那...

    ZoomQuietZoomQuiet 评论0 收藏0
  • 前端性能优化(CSS动画篇)

    前端性能优化(CSS动画篇)

    摘要:前瞻目前正在探究通过的多线程来提供更好的动画效果,而不会触发重布局及样式重计算结论动画给予了页面丰富的视觉体验。最好提前申明动画,这样能让浏览器提前对动画进行优化。 正巧看到在送书,于是乎找了找自己博客上记录过的一些东西来及其无耻的蹭...

    RaoMengRaoMeng 评论0 收藏0
  • 对于移动设备页面尺寸的理解

    对于移动设备页面尺寸的理解

    摘要:为移动设备制作前端页面,往往会遇到很多令人迷惑的情况,本文中,我整理了一些相关的概念和方法,与大家分享一下。所以现代针对移动端的网页设计或者响应式设计通常采用的方法是,精简页面内容,放大视觉元素,避免体验不好的缩放和移动页面。 为移动...

    MagicerMagicer 评论0 收藏0
  • 前端从零单排之LESS(第四期)

    前端从零单排之LESS(第四期)

    摘要:函数更多的用处在于封装一些需要加前缀的属性,或是多个参数的属性,同时命名一定要足够的语义化。适当嵌套,以保持的优雅。有时要考虑兼容性,需要避免编译某条属性,方法即在值的前面加一个符号具体如下安装同时推荐在线编译网站,能够实时看到效果。...

    DrummorDrummor 评论0 收藏0
  • Chrome Packaged App的一些坑

    Chrome Packaged App的一些坑

    摘要:私有,元素和子元素的文本将不可选,但是,子元素可以通过重设回可选。当内容过长时无法向下滚动解决方法 最近在写Http Craft——一个开源HTTP请求模拟的Chrome App过程中遇到了一个头疼的问题,作为一个CSS挫人,记录一下 无法对应用内的文本进行选...

    GitChatGitChat 评论0 收藏0
  • 如何检测网站访问者安装了什么软件

    如何检测网站访问者安装了什么软件

    摘要:一个是在用户载入网页时,检测用户电脑上安装了什么软件。通过用户浏览器抽出这种字体签名,就能帮你检测用户安装到电脑上的软件种类这不需要任何额外的用户许可。 为特定用户的意图和需求量身定制使用网站的体验,无论是让你的网站具有更好的移动友好...

    lewinleelewinlee 评论0 收藏0
  • 前端模块化杂谈

    前端模块化杂谈

    摘要:并不是使用安装的模块我们就可以使用同样的方式使用任何一个模块,使用某种工具将这些模块打包发布作为事实上的前端模块化标准,或可以出来解救我们。目前比较拿的出手的,也就是的模块化,比如或者等等,分别可以使用和。 Teambition是一家追求卓...

    li21li21 评论0 收藏0
  • CSS布局总览(1)

    CSS布局总览(1)

    摘要:布局定位浮动外边距操纵的好处之一是,它能够控制页面布局而不需要使用表现性标记。但是布局被误认为是难以理解的,在初学者当中,这种想法相当普遍。是一个标准的行内元素,行内元素可以在段落中包裹文字而不打乱段落的布局。 css 布局 定位 浮动 外...

    YuboonaZhangYuboonaZhang 评论0 收藏0
  • 使用css实现全兼容的三角形

    使用css实现全兼容的三角形

    摘要:基本原理大同小异,这里主要介绍利用当然还可以使用的旋转技术实现,由于兼容性问题这里不涉及了。利用是一种常用而且简单兼容的方式 在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片...

    zzbozzbo 评论0 收藏0
  • 如何写好CSS?

    如何写好CSS?

    摘要:由此按照的指导原则,我们应该写一个,然后为其添加一些之类的来差异化它这样在以上两种附加的作用下,我们在中就可以获得种不同的样式,随着附加增加,的样式也会呈指数增加,千变万化。 真正的问题是什么? CSS即层叠样式表,所以一层一层覆盖其实...

    YuqiYuqi 评论0 收藏0
  • 使用css实现全兼容tooltip提示框

    使用css实现全兼容tooltip提示框

    摘要:在上一篇中,使用实现了一个全兼容的三角形图标,这个三角型图标可以使用于多种场景,比如下拉图标多级菜单等,这篇我们使用这个图标通过纯来实现一个我们常见的提示框。 [toc] 在上一篇post中,使用css实现了一个全兼容的三角形图标,这个三角型图标...

    MSchumiMSchumi 评论0 收藏0
  • CSS系列之让元素居中

    CSS系列之让元素居中

    摘要:辅助标签代码代码效果废话要让元素和辅助元素在一行,否则会出现水平不完全居中,当使用时,换行会被解析成空格。 首先我们需要知道元素都有哪些种类? 内嵌元素(display:inline;)如a,span,b,i 【一个不可定制的盒子】 [默认同行可以继续跟同...

    fou7fou7 评论0 收藏0
  • 前端利器:SASS基础与Compass入门

    前端利器:SASS基础与Compass入门

    摘要:在吸取了的一些特性基础上,有了大幅改进,也就是现在的。嵌套极大程度上降低了选择器名称和属性的重复书写。选择器嵌套选择器嵌套是指从一个选择器中嵌套子选择器,来实现选择器的继承关系。也已经成为的一个标配组件。 SASS是Syntactically Aweso...

    娣辩孩娣辩孩 评论0 收藏0
  • 使用wireshark进行数据链接层的抓包分析——流量分析(一)

    使用wireshark进行数据链接层的抓包分析——流量分析(一)

    摘要:哈,这是在写的第一篇博客文章,祝好技术安全前端互联网二次开发今天疯了般地弄了数据链路层分析应用层网站流量导向分析有关的东东先来说说这个数据链接层的分析,限于篇幅和类型,明天再写第二篇。拼接若干次还是返回,那还是抓包分析吧。 哈,这是在...

    roserose 评论0 收藏0
  • ABROAD:HTML+CSS+JS打造简单标签效果

    ABROAD:HTML+CSS+JS打造简单标签效果

    摘要:之前复制了好久,打强调字也打了好久。。。还是写一下文章同步自大超超在思考。 showImg("http://segmentfault.com/img/bVbQyG"); 写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器、ABROAD后台添加数...

    tinyqtinyq 评论0 收藏0
  • [总结]CSS/CSS3常用样式与web移动端资源

    [总结]CSS/CSS3常用样式与web移动端资源

    摘要:不允许负值用百分比来定义缩放比例。解决这个很简单,在父元素中使用即可解决该。列宽度由单元格内容设定。定义仅有大写字母。不过,要让任何元素生效还得借助于一点点。 css/css3常用样式 CSS修改选中文字的颜色 html代码: 第一段文字选中效果 第二...

    The questionThe question 评论0 收藏0
  • css中postion的fixed和absolute区别

    css中postion的fixed和absolute区别

    摘要:一直对的几个定位方式不是特别理解,记录下固定定位,参照位置是浏览器窗口的左上角,即坐标点为绝对定位,参展位置是离当前元素最近的定位方式为的祖先原则的左上角,举个例子我的参照坐标是通过上面的例子,可知的绝对定位参照点是的父元素是静态的定...

    GenngGenng 评论0 收藏0
  • XPath 是一个好工具

    XPath 是一个好工具

    摘要:一个表达式是由一个或多个被分割的定位步组成。对于此类断言,我们可以使用谓词根据额外的遍历树来过滤出符合条件的节点。所以用来做一些低水平或与应用无关的事情遍历树来找指定属性的节点让人蛋疼。这是一个专门用来让你使用简洁的惯用表达式来遍历的...

    IlikewhiteIlikewhite 评论0 收藏0

热门文章

<