我是伊只雄熊

导航

2017年12月28日 #

CSS 基础 例子 盒子模型及外边距塌陷

摘要: 我们通常设置的宽度和高度,是指盒子模型中内容(content)的宽度和高度。元素的高度,还要加上上下padding和上下border,元素整个盒子的高度还要加上上下margin;宽度类似计算。 注意: 父子元素包含情况下的计算,父亲元素会把儿子元素的整个盒子(包括margin)的大小作为内容。 外边 阅读全文

posted @ 2017-12-28 23:08 我是伊只雄熊 阅读(695) 评论(0) 推荐(0) 编辑

HTML 基础 块级元素与行内元素

摘要: 块元素:单独占一行,宽度占整行,可以包含内联元素和其他块元素,通过样式display:inline,变为行内元素,不换行 内联元素:不单独占一行,宽度根据内容来决定,只能容纳文本或者其他内联元素 ,可以通过样式display:block,使其单独占一行,但是不能包含块元素,不能设置width, he 阅读全文

posted @ 2017-12-28 18:58 我是伊只雄熊 阅读(145) 评论(0) 推荐(0) 编辑

CSS 基础 例子 最小高度和最大高度设置

摘要: 最小高度,无论什么时候,高度不会小于该值,即使内容很少,不限制高度最大值,超出时候,按照实际内容来决定高度 最大高度,无论什么时候,高度不会大于该值,即使内容很多,不限制最小高度,超出时候,多出部分会撑出元素外边 例子1,内容很少, min-height:60px max-height:60px h 阅读全文

posted @ 2017-12-28 18:20 我是伊只雄熊 阅读(671) 评论(0) 推荐(0) 编辑

CSS 基础 例子 Image 高度设置

摘要: body高度100%,三个image高度分别为auto,50%,60%,imge高度为当时body高度的百分比,auto时为原始高度 html代码如下: 运行结果 阅读全文

posted @ 2017-12-28 17:17 我是伊只雄熊 阅读(923) 评论(0) 推荐(0) 编辑

CSS 基础 优先级 选择器 继承

摘要: 1、样式优先级 (内联样式)Inline style > (内部样式)Internal style sheet > (外部样式)External style sheet > 浏览器默认样式 <p style="width:10px"> 页面内<style></style> 引用外部样式文件 2、 选 阅读全文

posted @ 2017-12-28 15:59 我是伊只雄熊 阅读(177) 评论(0) 推荐(0) 编辑

前端开发必备技能

摘要: Chrome开发者工具不完全指南(一、基础功能篇)Chrome开发者工具不完全指南(二、进阶篇)Chrome开发者工具不完全指南:(三、性能篇)Chrome开发者工具不完全指南(四、性能进阶篇)Chrome开发者工具不完全指南(五、移动篇)Chrome开发者工具不完全指南(六、插件篇) https: 阅读全文

posted @ 2017-12-28 14:42 我是伊只雄熊 阅读(155) 评论(0) 推荐(0) 编辑