【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 · 313 阅读 · 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 · 880 阅读 · 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 · 5899 阅读 · 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 · 469 阅读 · 0 评论 -
CSS盒子模型
CSS盒子模型分为标准盒子和IE盒子，那么两者有什么区别呢。我们运行下面代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型</title> <style t原创 2018-09-22 18:20:44 · 3159 阅读 · 0 评论 -
CSS文字省略
在平时项目中可能会遇到文字在固定宽高的容器中可能会放不下，这时需要将文字多余部分隐藏并用省略号的方式显示。实现方式如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title&原创 2018-09-22 16:57:48 · 2005 阅读 · 0 评论 -
CSS清除浮动
CSS清除浮动 目录 一、父元素设置高度 二、使父元素浮动 三、父元素添加display:inline-block 四、浮动元素后添加 五、使用:after伪类 六、溢出隐藏 问题引入：当在容器中出现浮动元素可能会导致浮动元素超出容器，即浮动元素高度大于容器高度（高度塌陷）。这是因为float:left属性会导致元素脱离文档流。此时我们需要清除浮动以消除高度塌陷的问题。 ...原创 2018-09-22 00:33:45 · 194 阅读 · 0 评论 -
CSS之元素居中
一、水平居中 水平居中分为了行级元素、块级元素（定宽块级元素、不定宽块级元素）。 （1）行级元素 行级元素居中只需在父元素中添加text-align:center属性即可。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&原创 2018-09-26 14:34:41 · 211 阅读 · 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 · 340 阅读 · 0 评论