![](https://img-blog.csdnimg.cn/20190829163327552.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
【Web前端】CSS
MAXLZ
你不一定非得长成玫瑰,你乐意的话,做茉莉,做淡菊,做无名小花,做千千万万。
展开
-
CSS之消除inline-block之间产生的间隙
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> dl{原创 2018-12-09 20:18:30 · 256 阅读 · 0 评论 -
CSS文字不可选中
.text_noselect{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}原创 2018-12-09 14:31:27 · 823 阅读 · 0 评论 -
pie.htc的使用----使IE6/7/8兼容部分CSS3属性
一、前言pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件,其利用VML绘制相关的效果。要注意的是它并不能实现所有CSS3效果,其兼容的属性有:box-radius,线性渐变( linear-gradient),rgba,box-shadow,border-image。二、使用方法使用behavior:url(pie.htc)引入pie.htc即可完成相关效果了。以下...原创 2018-09-28 10:12:24 · 5700 阅读 · 2 评论 -
CSS你不知道的border
提到CSS的border相信大家一点都不陌生,利用CSS的border可以为元素添加边框,例如,我们为一个id为triangle的元素添加一个边框:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></ti原创 2018-09-22 23:02:18 · 410 阅读 · 0 评论 -
CSS盒子模型
CSS盒子模型分为标准盒子和IE盒子,那么两者有什么区别呢。我们运行下面代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型</title> <style t原创 2018-09-22 18:20:44 · 3040 阅读 · 0 评论 -
CSS文字省略
在平时项目中可能会遇到文字在固定宽高的容器中可能会放不下,这时需要将文字多余部分隐藏并用省略号的方式显示。实现方式如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&原创 2018-09-22 16:57:48 · 1956 阅读 · 0 评论 -
CSS清除浮动
CSS清除浮动目录一、父元素设置高度二、使父元素浮动三、父元素添加display:inline-block四、浮动元素后添加 五、使用:after伪类六、溢出隐藏 问题引入:当在容器中出现浮动元素可能会导致浮动元素超出容器,即浮动元素高度大于容器高度(高度塌陷)。这是因为float:left属性会导致元素脱离文档流。此时我们需要清除浮动以消除高度塌陷的问题。...原创 2018-09-22 00:33:45 · 159 阅读 · 0 评论 -
CSS之元素居中
一、水平居中水平居中分为了行级元素、块级元素(定宽块级元素、不定宽块级元素)。(1)行级元素行级元素居中只需在父元素中添加text-align:center属性即可。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2018-09-26 14:34:41 · 148 阅读 · 0 评论 -
多种方式实现左右固定宽度的三列布局
多种方式实现左右宽度固定的三列布局:一、使用display:inline-block布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...原创 2019-07-25 16:24:29 · 278 阅读 · 0 评论