- 博客(8)
- 收藏
- 关注
原创 CSS的两种盒模型
CSS的两种盒模型关于css的盒子模型相信学习前端的同学都有所耳闻,因为它太基础太重要了。提起盒子模型,大家可能会想到content,padding,border,margin这些词汇,还有也许还会想起盒子模型有两种,比如ie的盒子模型与w3c的盒子模型,那么我们怎么来区分呢?先来看看w3c的盒子模型:W3C 盒子模型的范围包括 margin、border、
2016-10-07 23:23:03 385
原创 css排版之word-wrap word-break white-space 用法浅析
word-wrap word-break white-space 用法浅析我们在对文字排版时有时候会需遇到文字比较多的情况,文字比较多时我们还可能会考虑到文字如何展示,今天我们主要说说文字遇到边界时的一些处理方法。通常文字遇到边界时是自动换行显示,比如下面的情况:代码如下: Document *{ margin: 0; padding: 0; } .
2016-10-07 18:30:04 2253
原创 对文本垂直居中的一些方法记录
对文本垂直居中的一些方法记录我们在写网页时不可避免的需要对文本进行排版,很多时候需要对文本进行居中处理,水平居中很好解决,几乎一条align:center就能解决多数情况,而垂直方向是我们此文的重点内容。我们将从单行到多行,从外围块高度确定到不确定来分析,当然暂时不考虑图文混排的情况。首先,单行固定高度:我们只需要设置它的实际高度height和所在行的高度lin
2016-09-23 09:06:51 361
原创 boostrap学习小记-给网站加一个简单大方的banner吧
boostrap学习小记-给网站加一个简单大方的banner吧今天学习boostrap,发现很多boostrap网站都有看起来很大气的banner,结果分析了源码之后发现还是挺容易实现的。就试着做了一下。
2016-09-20 21:53:59 508
原创 boostrap实践小记-对导航条的改造
boostrap实践小记-对导航条的改造制作导航(基础样式)需要如下几部:第一步:首先在制作导航的列表( nav-tabs”> 当然nav-tabs是用来控制样式的我们可以选择比如nav-pills)第二步:在列表里面添加自己的链接 Home About News
2016-09-20 17:54:58 636
原创 关于伪类与伪元素及其前面的冒号和两个冒号的使用
关于伪类与伪元素及其前面的冒号和两个冒号的使用我们知道,css提供了伪类及伪元素来增加css的功能及灵活性,然而,对于其使用方式有时候却有一些比较困惑于人的地方,比如什么是伪类,什么是伪元素,它们之间有什么区别,等等。下面先上一张css选择器的汇总表:"CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。
2016-09-18 19:56:37 4966
原创 CSS布局之position浅谈
CSS布局之position浅谈要点:DOM节点的默认position属性position的基本属性position的常见用法及使用需要注意的地方1:在CSS中所有的DOM元素的默认position属性都是static,也就是“没有定位”,这非常重要。因为这是大多数节点的“定位”方式,也是其它“定位”节点会产生的原因。显然只有“没有定位”的节点不能完全满足我
2016-09-13 12:22:16 438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人