CSS网页布局所需要了解的CSS基础知识_Css3.0_css2.0_html5

夜鹰教程网-程序员的加油站

·设为首页·加入收藏

本站首页技术文章全套前端云课堂智慧校园

你好，欢迎来到夜鹰网！【去购买教程】

当前位置：文章中心 >> Css3.0_css2.0_html5

CSS网页布局所需要了解的CSS基础知识

夜鹰教程网来源：www.yyjcw.com 日期：2016-11-10 21:13:30

CSS网页布局所需要了解的CSS基础知识

　一、可设置的CSS属性包括：字体属性、文本属性、颜色及背景属性、边框属性、容器属性（边距属性、填充属性）、分类属性、鼠标属性。

　　二、基础属性

字体属性：font-family font-style font-variant font-weight font-size
文本属性：word-spacing letter-spacing text-decoration vertical-align text-transform
　　　　　text-align text-indent line-height
颜色背景属性：color background(background-color background-image background-repeat
　　　　　　　background-attachment background-position)
边框属性：border(border-top border-right border-bottom border-left)(border-width
　　　　　border-style border-color)
容器属性：margin padding width height float clear
分类属性：display white-space list-style-type list-style-image list-style-position
　　　　　list-style
鼠标属性：auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize
　　　　　sw-resize s-resize w-resize text wait help

　　三、CSS布局
　　CSS盒模型的理解对于CSS布局有很大帮助，每个元素都有一个元素盒。HTML布局通常使用div+CSS，将网页分为很多方块，每个方块和整个总体都可以各用一个div容纳，然后用CSS对各个div进行布局。常用布局属性包括：margin padding float clear top right buttom left z-index position。

复制链接网友评论收藏本文关闭此页

上一条： DivCSS网页布局对网站搜索引擎优化… 下一条：最简单的css滑动门技术

夜鹰教程网成立于2008年，目前已经运营了将近 13 年，发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。我们一直都在坚持的是：认证负责、一丝不苟、以工匠的精神来打磨每一套教程，让读者感受到作者的用心。我们默默投入的时间，确保每一套教程都是一件作品，而不是呆板的文字和视频！目前我们推出在线辅导班试运营，模式为一对一辅导，教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发，winform和物联网开发、web前端开发，但不仅限于此。普通班针对的是国内学员，例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。就业办针对即将毕业上岗的大四学生，或者打算转行的初级开发工程师。留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子，目的是让大家熟练地掌握编程技能，按时完成老师布置的作业，并能顺利地通过考试。详细咨询QQ：1416759661 夜鹰教程网