随笔分类 -  网页

css垂直居中
摘要:父元素高度确定的多行文本(方法一) 父元素确定的多行文本,图片等的垂直居中的方法有两种: 1.使用插入table(包括tbody,tr,td)标签,同时设置vertical-align:middle 因为td标签默认情况下就设置了vertical-align为middle,所以不需要设置 2.父元素 阅读全文
posted @ 2016-10-18 21:04 kryon 阅读(214) 评论(0) 推荐(0)
css各项水平居中
摘要:当被设置元素为块状元素时用text-align:center就不起作用了,这也分两种情况,定宽块状元素和不定宽块状元素。 一.定宽块状元素:快状元素的宽度width为固定值,之后我们可以将左右margin值设置为auto来实线居中。 这种方法必须要有width和margin值为auto才能成功。 二 阅读全文
posted @ 2016-10-18 19:40 kryon 阅读(208) 评论(0) 推荐(0)
css长度值与颜色值
摘要:颜色值 在网页中的颜色设置是非常重要的,有字体颜色,背景颜色,边框颜色等,设置颜色的方法也有很多种: 1.英文命令颜色 p{color:red;} 2.rgb颜色 p{color:rgb(133,45,200);} p{color:rgb(20%,30%,20%);} 3.十六进制颜色 p{colo 阅读全文
posted @ 2016-10-18 19:00 kryon 阅读(167) 评论(0) 推荐(0)
css布局模型
摘要:恢复内容开始 在清楚了CSS盒模型的基本概念,盒模型类型,我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是CSS最基本,最核心的概念。但布局模型是建立在盒型基础之上,又不同于我们常说的CSS布局样式或CSS布模板。如果说布局模型是本,那么CSS布局模板就是末了,是外在的表现形式。 C 阅读全文
posted @ 2016-10-17 20:35 kryon 阅读(226) 评论(0) 推荐(0)
盒模型的概念以及应用
摘要:在网页设计中,我们必须要理解盒模型的概念以及应用。 盒模型的概念很容易理解,我先上图。 我先上代码,然后就很容易解释了 很明显的,border是外框,这里的dotted是点线,同时还有solid实线,dashed虚线。 padding是内部距离,这里要说一下,除了这种写法之外,还有padding-t 阅读全文
posted @ 2016-10-13 19:31 kryon 阅读(819) 评论(0) 推荐(0)
css块级元素,内联元素,内联块状元素
摘要:块元素 什么是块级元素?在html中<div><p><h1><form><ul>之类的就是块级元素.设置display:block是就将元素显示为块级元素.如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点. 块级元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一 阅读全文
posted @ 2016-10-12 20:15 kryon 阅读(206) 评论(0) 推荐(0)
CSS中继承,特殊性,层叠与重要性
摘要:继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码: 如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 在上面的例子中,span标签没有用 阅读全文
posted @ 2016-10-11 20:27 kryon 阅读(385) 评论(0) 推荐(0)