CSS3
久违i-i
放弃不难 但坚持很酷
展开
-
彻底区分行内元素和块级元素!
元素特性:块级元素(block)特性:总是独占一行,表现为另起一行开始。(即其后的元素必须另起一行显示)宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是可控的。行内元素(inline)特性:和相邻的元素显示在同一行。(即其后的元素会和行内元素在同一行显示,在没有特别定义换行的情况下)width、height、padding-to...原创 2019-08-24 19:25:44 · 472 阅读 · 0 评论 -
CSS3渐变
CSS3渐变(gradient)类型:线性渐变( linear-gradients):从上到下(默认情况),也可以从左向右开始渐变。径向渐变( radial-gradients):按照椭圆(默认情况)(ellipse),或者圆(circle)的方式从中心开始渐变,类似于水波的涟漪效果。渐变使用方式和效果展示:1、不重复的线性渐变(linear-gradient)background...原创 2019-08-12 11:58:09 · 260 阅读 · 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 · 113 阅读 · 0 评论 -
CSS的px和em的区别
一、px:pixel(像素)的缩写=》1024px就是1024像素,也就是点。=》任意浏览器的字体默认的大小都是16px。=》windows的一般浏览器是 1024*768,也就是水平上有1024个点,垂直有768个点。=》利用px来设置字体大小时,比较精确,但是有缺陷,当用户在浏览器中浏览web页面时,如果改变了浏览器窗口的缩放,那么web页面布局会乱,利用em就不会存在这个问题。二、...原创 2019-08-12 13:28:50 · 555 阅读 · 0 评论