background用法详解： 1、background-color 属性设置元素的背景颜色 可能的值 color_name 规定颜色值为颜色名称的背景颜色（比如 red） hex_number 规定颜色值为十六进制值的背景颜色（比如 #ff0000） rgb_number 规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)...

2018-06-24 00:52:28

实例 设置第二个弹性盒元素的初始长度为 80 像素： div : nth - of - type ( 2 ) { flex - basis : 80px ;} 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。 属性 fl...

2018-06-24 00:52:19

1、背景图片中部放大、缩小 html head title 测试背景图片属性 / title script src ="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js" / script style .back { width : 200px ; height : 200px ; line-height : 200px ; background-image : url("http://a.hip...

2018-06-24 00:52:24

border-image-source 属性设置边框的图片的路径[none | image] div { border: 20px solid #000; border-image-source: url(border.png);} border-image-slice 属性图片边框向内偏移[ number | percentage ](1,4) ?fill div { border: 20px solid #000; border-image-so...

2018-06-24 00:52:23

实例 让第二个元素收缩到其他元素的三分之一： 效果预览 div:nth-of-type(2){flex-shrink:3;} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。 属性 flex-shrink 29.0 21.0-we...

2018-06-24 00:52:20

1.概念 父元素在文档流中高度默认是被子元素撑开的，当子元素脱离文档流以后，将无法撑起父元素的高度，也就会导致父元素的高度塌陷 父元素的高度一旦塌陷所有元素的位置将会上移，导致整个页面的布局混乱 2.方法一 在塌陷的父元素的最后添加一个空白的div，然后对该di...

2018-06-24 00:52:18

开本系列，谈谈一些有趣的 CSS 题目，题目类型天马行空，想到什么说什么，不仅为了拓宽一下解决问题的思路，更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。 不断更新，不...

2018-06-24 00:52:13

前段时间在使用Compass时遇到了其为难处理的一个坑，现记录到博客希望能帮助到各位。 一、问题： 利用Koala或者是gulp编译提示如下，截图为koala编译提示错误： 二、解决办法 从问题截图上看提示是找不到.sass-cache文件夹下面的一个文件夹（父级目录名称中带有特殊字...

2018-06-24 00:52:09

form id="" name="" method="post/get" action="负责处理的服务端" id 不可重复；name可重复；get有长度限制，内容在地址栏可见，post无长度限制，地址栏不可见 /form 1.文本输入 文本框input type="txt" name="" id="" value="" / 密码框input type="password" name="...

2018-06-24 00:52:12

文本超出部分隐藏，总结两种方法。 1、单行隐藏 html代码 div class ="mi" 当文字超过范围的时候，超出部分会隐藏起来。 / div css代码 .mi {width: 200px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 结果 当文字超过范围的时候，超出部分会隐藏...

2018-06-24 00:52:10