![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
久违i-i
放弃不难 但坚持很酷
展开
-
彻底区分行内元素和块级元素!
元素特性: 块级元素(block)特性: 总是独占一行,表现为另起一行开始。(即其后的元素必须另起一行显示) 宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是可控的。 行内元素(inline)特性: 和相邻的元素显示在同一行。(即其后的元素会和行内元素在同一行显示,在没有特别定义换行的情况下) width、height、padding-to...原创 2019-08-24 19:25:44 · 460 阅读 · 0 评论 -
CSS3渐变
CSS3渐变(gradient)类型: 线性渐变( linear-gradients):从上到下(默认情况),也可以从左向右开始渐变。 径向渐变( radial-gradients):按照椭圆(默认情况)(ellipse),或者圆(circle)的方式从中心开始渐变,类似于水波的涟漪效果。 渐变使用方式和效果展示: 1、不重复的线性渐变(linear-gradient) background...原创 2019-08-12 11:58:09 · 252 阅读 · 0 评论 -
CSS3背景
background相关属性汇总: 一、background-image:设置背景图片 =》多个背景图片的导入,中间使用逗号隔开即可。 =》花(flower.png)放在右下角,不重复出现。 =》纸(paper.png)放在左上角,重复出现。 #image{ background-image:url(flower.png),url(paper.png); background-position...原创 2019-08-12 12:52:27 · 106 阅读 · 0 评论 -
CSS的px和em的区别
一、px:pixel(像素)的缩写 =》1024px就是1024像素,也就是点。 =》任意浏览器的字体默认的大小都是16px。 =》windows的一般浏览器是 1024*768,也就是水平上有1024个点,垂直有768个点。 =》利用px来设置字体大小时,比较精确,但是有缺陷,当用户在浏览器中浏览web页面时,如果改变了浏览器窗口的缩放,那么web页面布局会乱,利用em就不会存在这个问题。 二、...原创 2019-08-12 13:28:50 · 520 阅读 · 0 评论