css怎样设置div大小
小编给大家分享一下css怎样设置div大小,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联是一家专业从事网站设计制作、网站设计的网络公司。作为专业网站制作公司,创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站及网站设计开发服务!
什么是css
css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。
在css中,可以使用width属性和height属性来设置div大小,只需要给div元素设置“width:值”和“height:值”样式即可。width属性定义元素内容区的宽度,height属性定义元素内容区的高度。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
新建一个html文件,命名为test.html,在test.html文件中,使用div标签创建一个模块,并在div添加文字内容
在test.html文件中,设置div标签的class属性为erliu,主要用于下面通过该css设置div的css样式 。
在test.html文件内,编写标签,页面的css样式将写在该标签内。
在css标签内,编写div的样式,使用background属性设置div的背景颜色为红色。
document 测试
查看:
在css标签内,编写div的样式,使用width属性设置div的宽度为200px,使用height属性设置div的高度为100px。
.erliu{ /* width: 200px; height: 100px; */ background: red; }
查看效果:
看完了这篇文章,相信你对“css怎样设置div大小”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
标题名称:css怎样设置div大小
链接地址:http://myzitong.com/article/ieeepo.html