CSS初始化、盒子深入
html元素表现的差异性:虽然html被称为一种标准,但其并非是“强制标准”。——则各个浏览器公司做出来的浏览器产品或多或少总有一些差异。
十年的宝安网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整宝安建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“宝安网站设计”,“宝安网站推广”以来,每个客户项目都认真落实执行。
最终,通常的做法是:我们将所有各个浏览器中的html的初始标签全部“清除”——即实现类似没有“表形”功能的html。
比如很多标签有初始的margin,或padding,或字的大小或粗细,斜体等等效果,则我们使用一些css设置将这些初始表现全部“清空”,比如:
这样之后,所有的每个标签所需要的表现,都需要我们自己来使用css设置。
实际应用中,我们一般都是使用一个通用的css文件来完成此工作。
写在link rel="stylesheet" type="text/css"href="css/init.css" /
。。。。。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
以上就是12个:
除此之外,我们还有3个设置线的某方面特性的综合属性:
border-style: 可以使用1-4个值,用来设置4个方向的线的线型,其规则同margin值的设置。
比如:border-style:solid dashed; 表示上下边框为实线,左右边框为虚线;
border-width: 同理,可以设置1-4个值,表示4个方向的线宽。
border-color:同理。
还有:4个设置每个方向边框的所有特性的综合属性:
最后,一个最大的综合属性:一次性设置4个方向的3个特性:
border: 线型 线宽 线颜色;
盒子还有背景属性。
背景分两种:
* 背景颜色:只能是纯色,全平铺——css3里面已经可以设置过度色。
background-color:颜色值;
* 背景图片:需要设置图片路径,还可以设置是否重复(平铺),怎么重复,怎么定位。
background:背景色值 背景图值 背景图重复性值 背景图定位值;
以上4个值,几乎可以任意省略(也就是任意使用其中某些)。
其实块盒子和行内盒子的所谓初始表现,并不是什么决定的东西,而只是一个属性的初始值问题:
对块盒子,其display属性的值默认是block
对行内盒子,其display属性的值默认是inline;
实际上,我们完全可以将html盒子的初始表现使用该属性来设置其其它值——即块盒子和行内盒子可以相互转换。
为什么要初始化css?
因为不同的浏览器,不同的设备默认的css样式是不一样的,而且有些元素自身默认带有的属性有一定影响,所以为了让页面能在各种设备上保持一致的效果,需要对css进行初始化。
为什么要初始化css样式
首先我们要知道,每一个html标签都有其自己的默认样式,而css则可以改变html的样式。
比如一个div元素,它存在默认的margin值,而设计需要其对齐左上角,那么就要修改其margin值,对于大量的div设置就很麻烦,所以初始化css样式就很重要。
新闻名称:网站初始化css样式,css 初始化
文章链接:http://scpingwu.com/article/dsdpoes.html