文章库ARTICLE COLUMN

  • 使用 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
  • 云适配开放平台内测“挑刺有奖” :赢土豪金

    云适配开放平台内测“挑刺有奖” :赢土豪金

    2013年,你是甲方,我是乙方,我为你云适配。 2014年,我的地盘你做主,云适配攻城狮们的工作阵地将全权授权给你,你可以自由的 DIY 您的网站,No more time,No Money,只要1天,只要1个人,只要2步,云适配开放平台一站搞定,您的跨屏网站即刻诞生了!!...

    vvpalevvpale 评论0 收藏0
  • 字符串截取的几种办法(php,js,css三种)

    字符串截取的几种办法(php,js,css三种)

    摘要:如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,指字符串中最后一个字符,指倒数第二个字符,以此类推。子串中的字符数。 可能没什么含量,求少拍砖。 首先是PHP版本的。 其实只用mb_strimwidth一个函数就可以了,该函数...

    shmilyshmily 评论0 收藏0
  • 结对编程利器:SSH和Tmux

    结对编程利器:SSH和Tmux

    摘要:大部分的结对编程和远程办公的人对和的组合并不陌生,网上也有很多好的文章,这里我来为大家介绍一个简单的解决方案。设置远程用户因为我们将配置成了只允许公共密钥验证,我们需要将小伙伴们的公共密钥添加到验证密钥文件中。创建会话创建一个以命名的...

    joywekjoywek 评论0 收藏0
  • 云适配又添重金悬赏 千元现金寻找内测Bug党

    云适配又添重金悬赏 千元现金寻找内测Bug党

    摘要:神马都是浮云体验为先,一起开始云适配之旅吧。云适配开发者内测已进入倒计时了,距离关闭仅剩小时了,云适配再添重金悬赏,千元现金寻找内测党,现金悬赏,获奖。 云适配又添重金悬赏 千元现金寻找内测Bug党 2014年,对你我而言,将会更加精彩。 这...

    Simon_ZhouSimon_Zhou 评论0 收藏0
  • 整理几个在线编码工具(js)

    整理几个在线编码工具(js)

    摘要:全世界的人们都在用学习,现在就加入在线编辑展示分享交流你的代码。在线代码调试工具是一个老牌的支持代码可视化在线调试工具,支持多种应用多种主流框架,用起来非常方便,而且还可以将调试好的结果以非常简洁的页面直接嵌入在其他网页里。 CodePen...

    BryanBryan 评论0 收藏0

热门文章

<