- 昵称：51助手
- 博龄：7年15天
- 粉丝：122
- 关注：108
- +关注
搜索
文章分类
博客档案
css flex弹性盒布局 实现一个左右宽度固定，中间自动撑开
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title>Title</title> <style> .box
bootstrap媒体查询
摘要:Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and （媒体特性）{你的样式}注意：使用Media Q
bootstrap 删格系统 col-xs、col-sm、col-md、col-lg祥解
摘要:一句话概括，就是根据显示屏幕宽度的大小，自动的选用对应的类的样式 1、col是column简写：列2、xs是maxsmall简写：超小， sm是small简写：小， md是medium简写：中等， lg是large简写：大；3、-* 表示占列数，即占每行row分12列栅格系统比；4、.col-xs-* 超小屏幕如手机
css向上箭头代码
摘要:有时候我们需这样的向上箭头，用图片或字体图标都不方便，其实用css就可以demo1 一个倒3角<html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .j
css3鼠标经过图片由中心缓慢放大或缩小
摘要:html代码<div class="item"><img src="/tpl/oli/block/product/img/product.jpg"></div>css代码 .item{ border:1px solid #eee;
css3垂直居中
摘要:图片相对父元素垂直居中, css3属性给父级元素设置display: -webkit-box;-moz-box-align: center;-webkit-box-align: center;-moz-box-pack: center;-webkit-box-pack: center;
css display: flex布局
摘要:2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持一、Flex布局是什么？Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ &n
css3 单行、多行文本溢出隐藏加...后辍
摘要:1 单行溢出 display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;2 多行溢出display: -webkit-box; -web
CSS3中的transition属性详解
摘要:一、语法transition: property duration timing-function delay transition属性是个复合属性，她包括以下几个子属性：transition-property ：规定设置过渡效果的css属性名称transition-duration ：规定完成过渡效果需要多
css浏览器兼容性浏览表
摘要:CSS3 带来众多全新的设计体验，但有一个问题值得考虑：浏览器对 CSS3 特性的兼容情况如何？因为页面最终离不开用浏览器来渲染，并不是所有浏览器都完全支持 CSS3 的特性。有时花时间写的效果只能在特定的浏览器下有效，这意味着只有部分用户才能欣赏到，这样的工作变得没有什么意义。例如，使用 CSS3 制作背景仅在 We