div全称是DIVision,也是对层叠样式表进行定位,很多时候,我们都称为图层,div为html中的内容提供图层结构等其他元素。
<div></div>,div是一个块级元素,以便于对元素进行格式化,把文档分割成独立的板块,并且不和其他元素进行关联,一般情况下,div都是使用id和class来进行标记。
使用div布局网站的时候,可以减少网站的代码,现在都喜欢用css+div去布局网站,因为修改比较方便。div精简了很多代码,当然页面的加载速度也提高了,同时网站页面也不会出现错乱。
div主要的作用就是起分割的作用,一般常用的标签都是使用div进行分割,并且把样式进行分割。
注释
说明
5.<div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响。
作为一个“纯粹的”容器,<div> 元素在语义上不表示任何特定类型的内容。然而,其可以将内容分组,从而可以使用class或是id属性方便的定义内容的格式,也可以在一段文档中划分标记出使用另一种语言书写的内容(使用lang 属性)等等。
提示:<div> 元素经常与 CSS 一起使用,用来布局网页。
贰零贰零年六月
注释
6.默认情况下,浏览器通常会在 <div> 元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。
这是一个div案例,上图是效果图,下边是源代码
PART01
div属性
color : #999999 文字颜色
font-family : 宋体文字字型
font-size: 10pt 文字大小
font-style:italic 文字斜体
font-variant:small-caps 小字体
letter-spacing: 1pt 文字间距
line-height: 200% 设定行高
font-weight:bold 文字粗体
vertical-align:sub 下标字
vertical-align:super 上标字
text-decoration:line-through 加删除线
text-decoration:overline 加顶线
text-decoration:underline 加底线
text-decoration:none 删除连接底线
text-transform: capitalize 首字大写
text-transform : uppercase 英文大写
text-transform : lowercase 英文写
text-align:right 文字*右对齐
text-align:left 文字*左对齐
text-align:center 文字居中对齐
这些是一些简单的文字效果,可以应用到css的页面中
PART02
背景
background-color:black 背景颜色
background-image : url(image/bg.gif) 背景图片
background-attachment : fixed 固定背景
background-repeat : repeat 重复排列-网页预设
background-repeat : no-repeat 不重复排列
background-repeat : repeat-x 在x轴重复排列
background-repeat : repeat-y 在y轴重复排列
background-position : 90% 90% 背景图片x与y轴的位置
A 所有超连接
A:link 超连接文字格式
A:visited 浏览过的连接文字格式
A:active 按下连接的格式
A:hover 鼠标移至连接
边框
border-top : 1px solid black 上框
border-bottom : 1px solid #6699cc 下框
border-left : 1px solid #6699cc 左框
border-right : 1px solid #6699cc 右框
border: 1px solid #6699cc 四边框
虚线
<TEXTAREA STYLE="border:1px dashed pink">
<TEXTAREA STYLE="border:1px solid pink">
设置div的高度与文字的行高一样就可以了,即 line-height 和 height 的数值是一样的就可以了,最后给div一个 over-flow: hidden ,让超出的部分隐藏。
div全局属性
<div> 标签支持HTML 的全局属性。
div事件属性
<div> 标签支持HTML 的事件属性。
本文地址:百科问答频道 https://www.neebe.cn/wenda/903336.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!