X-man

导航

2015年7月21日 #

Web前端开发基础 第四课(CSS小技巧1)

摘要: 垂直居中-父元素高度确定的单行文本父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的height和line-height高度一致来实现的。如下代码: hi,imooc!css代码:垂直居中 hi,imooc!垂直居中-父元素高度确定的多行文本(方法一)父元素高度确定的多行文本、图... 阅读全文

posted @ 2015-07-21 22:18 雨钝风轻 阅读(180) 评论(0) 推荐(0) 编辑

Web前端开发基础 第四课(CSS小技巧)

摘要: 水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center来实现的。如下代码:html代码: 我是文本,哈哈,我想要在父容器中水平居中显示。css代码:... 阅读全文

posted @ 2015-07-21 21:10 雨钝风轻 阅读(200) 评论(0) 推荐(0) 编辑

Web前端开发基础 第四课(颜色值)

摘要: 颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB... 阅读全文

posted @ 2015-07-21 20:47 雨钝风轻 阅读(2690) 评论(0) 推荐(0) 编辑

Web前端开发基础 第四课(盒代码模型)

摘要: 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15... 阅读全文

posted @ 2015-07-21 10:31 雨钝风轻 阅读(344) 评论(0) 推荐(0) 编辑