- 博客(15)
- 收藏
- 关注
RSS订阅原创 margin属性
1、相邻的盒子模型中，如果其中的一个是浮动的（floated），垂直margin不会被折叠，甚至一个浮动的盒模型和它的子元素之间也是这样。2、设置了overflow属性的元素和它的子元素之间的margin不会被折叠（overflow取值为visible除外）。3、设置了绝对定位（position:absolute）的盒模型，垂直margin不会被折叠，甚至和他们的子元素之间也是一样。4
2016-05-13 18:09:50
339
原创 nth-child的正确理解
看下面一个例子： 1. 依次填入句中横线上的词语，恰当的一组是（ ）:在语文学习中，字要____________地写，话要____________地说，课文要____________地读，练习要_______
2016-05-12 16:27:39
1970
转载 text-indent——首行缩进
1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上;解决方案：在行内元素加上display:block; 或者把目标元素放入等块级元素，然后把text-indent样式应用到等块级元素。2.text-indent所在的元素未使用overflow属性;解决方案：在元素加上overflow:hidden;3.text-ind
2016-05-12 11:44:34
763
原创 如何禁止页面滚动事件
document.documentElement.style.overflow='hidden';//即：设置html元素的overflow属性hidden document.body.style.overflow='hidden'//移动端的可以这样设置 这样设置之后，页面上的滚动条就消失了，页面就无法滚动了！
2016-05-11 18:03:06
2479
原创 dispaly:inline-block
为了达到如下图所示的效果：有三种方案：1）float：left;2）display:table-cell;3）display:inline-block;第一种方案：弊端：1）父元素清除浮动2）最关键的是：不支持不等高的排列：所以：如果是高度确定的元素可以通过这样的方式来排列；第二种方案：dispaly:table-cell;对于用很多li元素的情
2016-05-10 16:54:41
965
原创 Less学习笔记（一）
一：变量 语法： @变量名 特性：1）按需加载 2）如果对同一个变量定义两次的话，在当前作用域中最后一次定义的将被使用 @var: 0;.class1 { @var: 1; .class { @var: 2; three: @var; @var: 3; } one:
2016-04-18 22:43:50
241
原创 如何在手机上访问电脑上写好的html页面——通过iis
1、首先到控制面板里面安装好iis，并且启动iis服务，然后，右击‘计算机’，点击‘管理‘；2、点击“网站”,添加“网站” 3、填写和选择你的网站名字，路径，以及端口和IP，并“确定” 4、回到主面板，选择“应用程序池”，找到右边的“应用程序池默认设置”点击6、将“启动32位应用程序设置”为true7、回到主面板，点击新创建的网站名，在右边找到“浏览
2016-03-27 21:07:50
10109
原创 工作笔记
1.引入jquery的方式 1）在cdn中 src="http://code.jquery.com/jquery-1.12.1.min.js"integrity="sha256-I1nTg78tSrZev3kjvfdM5A5Ak/blglGzlaZANLPDl3I=" crossorigin="anonymous">2、display:list-item3.$(
2016-03-14 10:58:20
199
原创 HTML5新特性
自从HTML5诞生以来一共经历了两个阶段——web增强，移动互联网 第一个阶段——Web增强阶段：严重打击了IE+Flash的市场 1）WebApp：离线存储（LocalStorage，sessionStorage），新表单特性（number，email，URL，range，color，date），js线程（webworker），WebScoket网络，标准扩展embed，语义化标
2016-03-10 23:17:01
239
原创 max-width
当浏览器的宽度小于元素的宽度时，通过margin：0 auto 的方式让元素在父容器中水平居中显示，在pc端或者移动端都可能会出现滚动条，解决的办法就是在让将width属性，改为max-width
2016-03-10 22:58:17
217
原创 dispaly属性
display属性是布局系统总最重要的属性之一，任何一个元素都有其默认的display属性，这个与元素的类型无关。大多数 元素的默认值是——block或inline。当display属性取值为block的时候，就是块级元素，inline的时候，就是行内元素。 block（块级元素）——独自占一行，并且尽可能的撑满整个父容器。 inline（行内元素）——在段落中包裹文字，而不扰乱段落的
2016-03-10 22:37:21
1495
转载 display:table-cell的常见应用场景
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用。我们都知道，单元格有一些比较特别的属性，例如元素的垂直居中对齐，关联伸缩等，所以di
2016-03-10 00:56:49
478
原创 浏览器的浏览模式与文档解析模式
浏览器的浏览模式（X-UA-Compatible）——浏览器在浏览网页是采用什么内核对于浏览器的兼容性问题完全可以使用IETester这种多版本IE测试软件，但是为了省时省力，可以在header的meta标签中声明兼容模式——遵循声明，如果是在标准模式下，就按照IE7的模式渲染页面，如果是怪异模式（兼容模式）就采用IE5的模式渲染页面——无论页面是否有声明，均采用I
2016-03-09 21:47:16
748
原创 一个前端工程师的修养——序言
2016.3.14——这是一个里程碑式的日子，这一天将是我第一次真正步入前端开发的行业，对这个行业有那么多的迷惑，就目前而言，我对前端的理解就是，利用html+css+JavaScript这对铁三角完成静态页面的展示，在配合使用一些接口与后台对接，实现动态的web应用。从今天开始我将记录我的每一步成长，从一个菜鸟往大牛发展。第一步：脚踏实地，将基础打牢，编写符合w3c标准的网页，兼容各大浏览器
2016-03-09 17:37:10
327
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人