十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
px像素。绝对单位,像素px是相对于显示器屏幕分辨率而言的,是一个虚拟单位。是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI。
成都创新互联于2013年成立,先为市中等服务建站,市中等地企业,进行企业商务咨询服务。为市中企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
2、em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对浏览器的默认字体尺寸。它会继承父级元素的字体大小,因此并不是一个固定的值。
rem是CSS3新增的一个相对单位(root em,根em),使用rem为元素设定字体大小事,仍然是相对大小但相对的只是HTML根元素。
4、区别:IE无法调用那些使用px作为单位的字体大小,而em和rem可以缩放,rem相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器已支持rem。
1.定位
2.尺寸
3.浮动
4.最初的布局——table
5.两栏布局(浮动和定位)
6.三栏布局(flex,圣杯和双飞翼: )
7.移动端的布局(媒体查询,flex弹性盒子( ),rem适配( ))
8.grid布局
摘自:
1.flex方式(适用于居中元素元素宽高未知),但是这种方式仅限于body里面只有一个子元素,如果body里面有多个div不行
2.绝对定位和负边距(适用于居中元素的宽高是固定的)
3.CSS3的transform属性(适用于居中元素元素宽高未知)
4.margin:auto
1.transform
transform属性是静态属性。它其实只是一个静态属性,需要配合transition和animation才能展现出动画效果。你可以把它看成是跟left、top等属性一样,只是一个静态样式而已。它可以让元素偏移、伸缩、变形、旋转等。
2.transition,它属性是一个简单的动画属性,非常简单非常容易用。可以说它是animation的简化版本,是给普通做简单网页特效用的。
3.Animation
实现两种css样式,默认,选中
通过js监听点击事件切换标签的css样式
1.层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 2.在12年这期间前端可是发生了天翻地覆的变化,现在的CSS3是最新的CSS标准,在网页制作中,当下最流行的组合就是h5+css3,CSS3的使用最直接的好处就是页面展示上更加炫酷,表现形式更加多元化,但它的好处远远不止这些。使用CSS3不仅有利于开发与维护,还能提高网站的性能,与此同时还能增加网站的可访问性、可用性,使网站能适配更多的设备,甚至还可以利于SEO优化。