行内元素 em a 非替换元素 img 替换元素 两者在内联内容处理方式不一样。 inline有时候被翻译成内联,比如inline content,有时候被翻译成行内 inline box。 行布局 行内元素只是生成一个框,没有其他内容(里面不能放框了可能)与之并存。 单行行内元素 多行行内元素 相...
分类:
Web程序 时间:
2016-03-05 14:39:59
阅读次数:
186
1,元素百比分是相对父元素,所有元素默认父元素是body. absolute,fixed[只有一个父元素,浏览器窗口]除外[浏览器窗口,为父元素].css3:vh,vw也永远相对,浏览器窗口.height: 10% == 10vhbox-sizing: border-box; width包有padd
分类:
Web程序 时间:
2016-03-05 11:44:01
阅读次数:
184
第一部分:virtual-box中安装ubuntu 第一步:安装virtual-box,略 第二步:下载ubuntu-server-14.04.4 地址如下:http://125.39.35.135/files/5065000007B697A9/mirrors.yun-idc.com/ubuntu-
分类:
系统相关 时间:
2016-03-02 21:55:09
阅读次数:
192
.box input{background:url(img/1.jpg) fixed} <body> <div class="box"> <input type="text" >图片加入fixed就行 </div> </body> 背景图片就会固定不动.
分类:
其他好文 时间:
2016-03-02 21:28:15
阅读次数:
120
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 308px; 9 height: 308px; 10 background-color:
分类:
其他好文 时间:
2016-03-02 19:53:00
阅读次数:
120
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 border: 1px solid #000000; 10 backg
分类:
其他好文 时间:
2016-03-02 19:51:06
阅读次数:
157
一种CSS3新布局,现已在移动端兼容性较好,Flex布局,可以简便、完整、响应式地实现各种页面布局。 说到这个,现在在网上能看到display:flex和display:box ,2种布局,在此说明一下前者是flex 2012年的语法,也将是以后标准的语法,大部分浏览器已经实现了无前缀版本。后者是2
分类:
其他好文 时间:
2016-03-02 17:51:49
阅读次数:
168
使用css3实现一个立方体 <div class="box"> <div class="boxCorner1"></div> <div class="boxCorner2"></div> </div> .box { margin:4em auto; width:10em; height:10em;
分类:
Web程序 时间:
2016-03-02 00:00:13
阅读次数:
329
一、Flex布局是什么? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; }
分类:
其他好文 时间:
2016-03-01 22:25:31
阅读次数:
184