课程咨询 :0551-64632520

合肥web前端培训

合肥web培训 > 达内新闻 > 达内浅析div+css入门知识
  • 达内浅析div+css入门知识

    发布:合肥web培训      来源:达内新闻      时间:2016-06-07

  • 合肥达内web前端培训专家讲一下div+css的基础知识。

    1.margin属性用于控制对象的上、右、下、左四个方向的外边距,当margin使用两个参数时,第一个参数表示上下边距,第二个参数表示左右边距。除了直接使用数值之外,margin还支持一个值叫auto,auto值是让浏览器自动判断边距。

    2.float属性是CSS布局中非常重要的一个属性,用于控制对象的浮动布局方式,我们的大部分div布局基本上都通过float的控制来实现布局,float的可选参数为:none/left/right。float使用none值时表示对象不浮动,而使用left时,对象将向左浮动。

    3.使一个div得以达到居中显示,而二列分栏中,需要控制的是左分栏的左边与右分栏的右边相等,因此使用margi:0px auto;似乎不能够达到这样的效果,这时就需要进行div的嵌套式设计来完成了,可以使用一个居中的div作为容器,将二列分栏的两个div放置在容器中。

    4.CSS提供的除去浮动定位之外的另一种定位方式就是绝对定位,绝对定位使用position属性来实现。position用于设置对象的定位方式可用值:static/absolute(绝对定位)/relative(相对定位)。对页面中的每一个对象而言,默认position属性都是static。

    ul是css而已中使用得很广泛的一种元素主要用来描述列表型内容,每一个 <ul></ul>表示其中的内容为一个列表块,块中的每一条列表数据用<li></li>来描述。

    5.display:block是这里的重点,它使得a链接对象的显示方式由一段文本改为一个块状对象,和div的特性相同,div默认状态下是一个块状对象,a链接对象默认状态下是一个普通文本——内联对象,这样就没有办法使得a链接对象能够像一个方块状按钮一样去运作,使用display:block之后,a链接对象将能够像div和其它元素一样成为一个块状对象(block),就可以使用css外边距、内边距等属性给a链接标签加上一系列的样式了。

    6.display属性是css中对对象显示模式操作的一个属性,主要用于改变对象的显示方式。在css中,所有对象都有自己默认的显示方式,如a与span等对象,它们默认为一种行间内联对象,显示时它们不会影响其它任何对象的显示,如当应用span之后,span之后的内容会自动排在span的右边,像一段文本一样,而div这类对象的默认显示为块状对象,它们默认状态下便占据了一行的空间,并像一个方块一样显示在页面中,通过display:block,将a也变成了块状对象。

    7.何为继承呢?继承指的是每一个元素可以有多个样式,在普通情况下,他遵守最外层的样式设计,如果遇到对其自身的样式设计,他将继承外层样式的基础上,优先考虑自身的样式。如果内层的样式和外层的样式有冲突,则最终显示的是内层的样式效果。

    background:url(xx.gif) left -84px;url后的两个参数,第一个为左右距离,第二个为上下距离,这点与padding和margin不同。第一个参数可以设置为left,center,right,第二个参数可设置为top,center,bottom,分别表示靠左、居中、靠右,顶部、居中和底部。也可以设置为具体数值,分别表示在X轴和Y轴上移动多少px。如果不设置这两项的话,默认是left top。

    推荐文章

上一篇:前端必备,CSS3的Flexbox布局方法

下一篇:10个前端面试笔试题目

最新开班日期  |  更多

WEB零基础全日制班

WEB零基础全日制班

开班日期:1-20

WEB零基础周末班

WEB零基础周末班

开班日期:1-20

WEB前端业余班

WEB前端业余班

开班日期:1-20

WEB前端就业班

WEB前端就业班

开班日期:1-20

  • 地址:合肥市蜀山区肥西路66号汇金大厦21楼
  • 课程培训电话:0551-64632520     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56