`

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的文本与背景色均能被透明化!

分享到:
评论

相关推荐

    Js Div属性大全

    以下是一些主要的Div属性及其详细说明: 1. accessKey:设置或获取对象的快捷键,使得用户可以通过键盘快速激活Div元素。 2. align:设置或获取Div元素的对齐方式,可以是"left", "right", "center", "justify"等...

    1.控制DIV属性实例 (一)

    控制DIV属性实例 (一)"这个主题聚焦于如何通过CSS(层叠样式表)来控制`DIV`元素的属性,以实现灵活多样的网页布局效果。在网页开发中,`DIV`常被用作一个容器,可以容纳其他HTML元素,并通过CSS进行样式控制。 ...

    UIWebView带返回,关闭,OC代码调用网页js方法,修改div属性

    在标题“UIWebView带返回,关闭,OC代码调用网页js方法,修改div属性”中,我们可以解读出以下几个关键知识点: 1. **返回与关闭功能**:UIWebView可以集成在导航控制器(UINavigationController)中,这样就可以利用...

    div属性整理

    页面中div常见属性整理,最常见最常见,与初级程序员分享!

    原生js和jQuery随意改变div属性style的名称和值

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title...

    JavaScript动态改变div属性的实现方法

    特别是当需要通过JavaScript动态地改变页面上元素的属性,例如一个div元素的属性时,其重要性不言而喻。 首先,想要动态改变页面上元素的属性,需要通过JavaScript代码获取到对应的DOM元素。通常使用document....

    Javascript控制div属性动态变化实例分析

    首先,文章指出了使用JavaScript动态改变div属性的重要性。在本实例中,我们能够实现div元素的几何尺寸变化(如宽度和高度的调整)、颜色改变、隐藏显示等效果。虽然这些操作在技术上比较简单,但是它们在网页设计中...

    原生js实现改变随意改变div属性style的名称和值的结果

    一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″/> <title>函数传参,改变Div任意属性的...

    前端笔记前端笔记前端笔记前端笔记,一些div居中以及常用的CSS属性

    本篇笔记主要探讨了如何使`div`元素居中以及一些常用的CSS属性,这些都是前端开发者日常工作中不可或缺的基础知识。 一、`div`元素居中方法 1. **margin自动填充**:设置`div`的`margin`为`auto`,可以使其在父...

    js去除div里class样式

    js去除div里class样式,自己学习的,分享给大家,大神就不要说我了,谢谢。

    div所有属性介绍 和各种用法

    在探讨“div所有属性介绍和各种用法”这一主题时,我们不仅会深入解析div元素的基本属性,还将拓展到CSS中与div相关的样式属性,这些属性使得div成为了网页布局和设计中的核心元素之一。 ### div的基本概念 div是...

    DIV的Style常用属性

    DIV 的 Style 常用属性 在网页设计中, DIV 是一个非常重要的元素,它可以用来布局网页的结构。 Style 属性是 DIV 的一个重要属性,它可以用来设置 DIV 的样式和布局。下面我们将介绍 DIV 的 Style 属性中一些常用...

    div的position属性

    ### div的position属性详解 #### 一、流动模型(块元素与内联元素) 流动模型是CSS布局的基础,指的是在没有特别指定定位方式的情况下,元素按照文档流的自然顺序排列。 - **块元素**:默认情况下,每个块元素...

    jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    在这段代码中,`$("#div1")`选择器选中id为`div1`的元素,并使用`css`方法来动态修改其样式属性。`removeAttr("style")`用于移除元素的`style`属性,即移除该元素的所有内联样式,实现重置效果。 ### 动态属性修改...

    JavaScript动态创建div属性和样式示例代码

    JavaScript动态创建div元素、属性和样式的示例代码涉及了几个重要的知识点。这些知识点不仅包括了如何用JavaScript动态生成HTML元素,还涵盖了如何为这些元素设置属性和样式。下面详细介绍这些技术点。 首先,动态...

    使用APdiv和框架PPT学习教案.pptx

    3. **AP Div属性**: - 插入AP Div后,可以在【属性】面板中查看和编辑其属性,如大小、颜色等。 - 可以通过【首选参数】对话框预设AP Div的插入属性。 4. **创建嵌套AP Div**: - 嵌套AP Div是指在一个AP Div...

Global site tag (gtag.js) - Google Analytics