文章分类 -  Html入门

摘要:长度值长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。1、像素像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为... 阅读全文
posted @ 2015-01-28 08:28 雪中飞雁 阅读(87) 评论(0) 推荐(0)
摘要:css_color.html --> 当我还是三年级的学生时是一个害羞的小女生。 阅读全文
posted @ 2015-01-28 08:10 雪中飞雁 阅读(64) 评论(0) 推荐(0)
摘要:font_abbreviation.html --> Littering a dark and dreary road lay the past relics of browser-specific tags... 阅读全文
posted @ 2015-01-27 16:46 雪中飞雁 阅读(96) 评论(0) 推荐(0)
摘要:颜色值缩写关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。例子1:p{color:#000000;}可以缩写为:p{color: #000;}例子2:p{color: #336699;}可以缩写为:p{color: #369;} 阅读全文
posted @ 2015-01-27 16:18 雪中飞雁 阅读(259) 评论(0) 推荐(0)
摘要:1.如果margin只有三个值,按照值的顺序为margin:toprightbottom;缺少了left,根据原则,则left的值有right来代替。margin:10px20px30px;就等于margin:10px20px30px20px;2.如果margin只有两个值,按照值的顺序为margi... 阅读全文
posted @ 2015-01-27 15:55 雪中飞雁 阅读(196) 评论(0) 推荐(0)
摘要:layout_relative_absolute.html --> 相对参照元素进行定位 下面是任务部分 ... 阅读全文
posted @ 2015-01-27 15:20 雪中飞雁 阅读(120) 评论(0) 推荐(0)
摘要:layout_relative.html --> div span 层模型--相对定位如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过le... 阅读全文
posted @ 2015-01-27 14:11 雪中飞雁 阅读(275) 评论(0) 推荐(0)
摘要:layout_absolute.html --> 阅读全文
posted @ 2015-01-27 13:41 雪中飞雁 阅读(55) 评论(0) 推荐(0)
摘要:什么是层模型?层模型有三种形式:1、绝对定位(position: absolute)2、相对定位(position: relative)3、固定定位(position: fixed) 阅读全文
posted @ 2015-01-27 13:30 雪中飞雁 阅读(57) 评论(0) 推荐(0)
摘要:layout_float.html --> 栏目1 栏目2 阅读全文
posted @ 2015-01-27 11:57 雪中飞雁 阅读(66) 评论(0) 推荐(0)
摘要:layout_flow2.html --> www.imooc.com强调重点 强调 阅读全文
posted @ 2015-01-27 11:45 雪中飞雁 阅读(62) 评论(0) 推荐(0)
摘要:流动模型(一)先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征:第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。... 阅读全文
posted @ 2015-01-27 11:39 雪中飞雁 阅读(431) 评论(0) 推荐(0)
摘要:CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer) 阅读全文
posted @ 2015-01-27 11:07 雪中飞雁 阅读(62) 评论(0) 推荐(0)
摘要:box_margin.html --> box1 box2 阅读全文
posted @ 2015-01-27 10:45 雪中飞雁 阅读(56) 评论(0) 推荐(0)
摘要:box_padding.html --> 盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1 盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1... 阅读全文
posted @ 2015-01-27 10:13 雪中飞雁 阅读(53) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2015-01-27 09:52 雪中飞雁 阅读(54) 评论(0) 推荐(0)
摘要:box_border2.html --> 别让不会说话害了你 二十七八岁就应该有的见识 别让不好意思害了你 阅读全文
posted @ 2015-01-27 09:30 雪中飞雁 阅读(70) 评论(0) 推荐(0)
摘要:box_border.html --> 勇气 三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活... 阅读全文
posted @ 2015-01-27 09:04 雪中飞雁 阅读(75) 评论(0) 推荐(0)
摘要:box_display_inlineblock.html --> 1 2 3 4 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码... 阅读全文
posted @ 2015-01-27 08:48 雪中飞雁 阅读(65) 评论(0) 推荐(0)
摘要:box_display_inline.html --> div1 div2 阅读全文
posted @ 2015-01-26 17:21 雪中飞雁 阅读(59) 评论(0) 推荐(0)