div的一些样式属性--第四天

发布时间:2019-03-13 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了div的一些样式属性--第四天脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!

CSS

内部

<style> </style>

外部

<link href=”xxx.css”rel=”stylesheet”/>

行内

style=””

格式:属性:值;......

选择器:

1标签 标签名{}

2 id #id{} 标签中需要定义id属性

3 .类名{} 标签中需要定义class=””

注意:

在一个标签中可以调用多个class 写法:class=”x1 x2 ”

盒子模型:DIV (独占一行)

注意:

1 它的效果需要里面的内容或者设定宽高把他撑开

外部填充: margin

margin-top

margin-left

margin-right

margin-bottom

语法: 距上一个元素的位置

1 margin 1px 2px 3px 4px 上右下左
2 直接用 margin-topmargin-left

3 margin y x margin 0 auto(自动居中)

内部填充:padding

语法:div与该div中元素的距离

padding-top

padding-left

padding-right

padding-bottom

补充:

想让div中的文字垂直居中:line-height:div的高度

想让div中的文字水平居中:text-align:center

文字换行:

word-wrap:break-word

自动显示滚动条:

overflow:auto

超出部分隐藏:

overflow:hidden

隐藏:

display:none

显现:

display:block

内联:下显示到一行 (宽和高根据内容而定,设定widthheight无效)

display:inline

display:inline-block 内联:下显示到一行 (设定widthheight有效果)

关于布局:

position只能搭配:top left right bottom

1 固定布局 相对于浏览器

position:fixed

2 绝对布局 相对于浏览器的元素

position:absolute

3 相对布局 相对于上一个相对定位的元素

position:relative

关于优先级:z-index 值越大优先级越大:

针对 position 所有布局

4 浮动布局 (相对的是上一个元素)

floatleft|right

清楚浮动:clear:both0

总结

以上是脚本之家为你收集整理的div的一些样式属性--第四天全部内容,希望文章能够帮你解决div的一些样式属性--第四天所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签:web