继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

div+css入门总结(1)

秀秀的大宝贝
关注TA
已关注
手记 9
粉丝 11
获赞 844

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

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。

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

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

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

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

  1. background:url(xx.gif) left -84px;url后的两个参数,第一个为左右距离,第二个为上下距离,这点与padding和margin不同。第一个参数可以设置为left,center,right,第二个参数可设置为top,center,bottom,分别表示靠左、居中、靠右,顶部、居中和底部。也可以设置为具体数值,分别表示在X轴和Y轴上移动多少px。如果不设置这两项的话,默认是left top。
打开App,阅读手记
66人推荐
发表评论
随时随地看视频慕课网APP

热门评论

margin1个数值:margin: 20px;(上、下、左、右各20px。)

margin2个数值:margin: 20px 40px;(上、下20px;左、右40px。)

margin3个数值:margin: 20px 40px 60px;(上20px;左、右40px;下60px。)

margin4个数值:margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。)


食之无味,大体可以。。。。。。

可以通过图文的形式更好的说明,很不错的分享,期待继续更新

查看全部评论