网站建设-CSS心得宝典

发布时间:2015-10-16 15:56:0 作者:小五 点击:

  对于初学网站建设的朋友来说,html和css是基本功,今天泰安网络营销小五给大家分享一下在网站建设中css使用的一点心得,希望对于初学网站建设的童鞋们有所帮助

  Html属性不能重复使用,但css的属性是后写的替换先写的

  子级标签属性会继承父级标签属性

  子级标签属性与父级冲突,子级优先

  布局级别就是排队级别:默认布局级,浮动布局级,定位布局级

  默认布局级下标签间的margin值共用

  浮动布局级下margin值相加

  绝对定位安置位置参考文档

  相对定位安置位置参考本身

  固定定位安置位置参考窗体

  宽度属性认知:

  默认布局级,块元素有默认宽度,宽度由父级决定,因此建议宽度尽量设置给父级,易控。

  浮动布局级,块元素无默认宽度,宽度由子级支撑,但宽度可相对父级设置百分比。

  高度属性认知:

  父级有高度设置时,子级可溢出,父级无高度设置时由子级内容支撑,因此建议高度值尽量设置给子级,易控。

  CSS中可继承的属性

  所有元素可继承:visibility和cursor

  内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction

  块状元素可继承:text-indent和text-align

  列表元素可继承:list-style、list-style-type、list-style-position、list-style-image

  表格元素可继承:border-collapse

  CSS中不可继承的属性

  display、margin、border、padding、background、height、min-height、

  max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear

  CSS优先级

  CSS优先级:ID选择器>类选择器>标签选择器

  CSS派生选择器优先级的计算规则如下:

  ID选择器加100

  类选择器加10

  标签选择器 加1

  将数值累加,就得到每个CSS定义的优先级的值,

  数值大的CSS样式的优先级高。


结束语:一些泰安网络公司的朋友在刚刚进入泰安网络公司进行网站建设工作的时候,往往都是从编写html和css开的,对于新手来说,以上这些有泰安网络营销小五总结的心得希望能帮助这些在泰安网络公司上班的新手们一些帮助,让我们共同做大、做强正泰安网络的市场,让我们泰安的网络公司越做越好


留言列表

发表留言:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。