您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

div属性配置

作者:佚名    责任编辑:admin    更新时间:2022-06-22

这个就是div属性配置的题目。
首要配置如下:

overflow(溢出节制):visible(默认,可见)、auto(自动)、scroll(表现转动条);

width(宽度):数值;

height(高度):数值;

color(字体颜色):色彩代码;

font-size(字体巨细):数值;

line-height(行高):数值;

border(边框):宽度、范例和颜色,范例首要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;

font-weight(字体粗细):normal、bold、bolder、lighter;

font-family(字体范例):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;

background(配景颜色):色彩代码;

scrollbar-base-color,scrollbar-face-color,scrollbar-track-color, scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color(转动条各部门的颜色):色彩代码;

filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明结果;

word-break(断字):normal(默认,正常断字)、keep-all(严酷不绝字)、break-all(严酷断字);

direction(笔墨偏向):ltr(默认,从左向右)、rtl(从右向左)。

HTML中的Div分区属性

根基属性:width, height, left, top, background-color(当配置为transparent时暗示透明)
2、定位属性:position: absolute/relative
absolute时,位置牢靠;relative时,位置会跟着内容的现实环境举办浮动
3、表现属性:display: block/none
block为默认状态,暗示表现;none为潜匿
4、优先属性:z-index:n
n暗示一个整数(正负均可),有多个Div时n越大,则越靠前表现;
z-index可以领略为z轴的坐标(x,y轴节制阁下、上下方位,z轴节制层叠div的前后方位)
只有效绝对定位(position:absolute)时,属性z-index才起浸染;
未配置绝对定位(position:absolute)的div,其z-index永久为0;
未设定优先属性(z-index)的div,凭证声明的次序层叠,后声明的挡住先声明的,假若有两个Div属于父子相关,则子div包围父div;
5、透明属性:opacity:0.3;(firefox专用);filter:alpha(opacity=30)(IE专用)
两者一路用的时辰就将两种主流赏识器都兼容了;上面例子是将Div的透明度配置为30%,可以看出两者的配置稍有差异;Div的文本与配景致均能被透明化!

这些是div的属性。
要用到width(宽度):数值;

height(高度):数值;
left, top,
position:absolute

(