怎么给div id里面的元素改变样式

怎么给div id里面的元素改变样式,第1张

1、可以在css文件夹里写,然后html文件引入

2、写行内<div style="样式"></div>

3、写在html文件head内

<head>

    <style>

        div{

            样式

        }

    </style>

</head>

div和span是html的标签,id是标签属性

div是用来为HTML文档内大块(block-level)的内容提供结构和背景的块级元素,可以把文档分割为独立的、不同的部分

用法举例:<div>这是div1</div><div>这是div2</div>

span是 内联元素,用作文本的容器,一般被用来组合文档中的行内元素

用法举例:<p>这个<span style="color:red">文字</span>需要用特殊颜色表示</p>

id作用是给元素独一无二的标识或标记,让流览器在分析处理网页时找到id所在的地方,通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式

用法举例:<div id="email"></div> <span id="password"></span>

实现的方法和详细的 *** 作步骤如下:

1、第一步,创建一个新的html文件,并将其命名为“test.html”,见下图,转到下面的步骤。

2、第二步,执行完上面的 *** 作之后,使用css初始化div,将其内部和外部边距设置为0,然后使div浮动到左侧,见下图,转到下面的步骤。

3、第三步,执行完上面的 *** 作之后,创建一个div并将其类属性源设置为“xx”,该属性用于在下面定义其css样式,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,使用CSS设置类名称为xx的div样式,将其宽度和高度设置为“300px”,并将背景色设置为“red”,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,创建另一个div并将其类名设置为“ss”,见下图,转到下面的步骤。

6、第六步,执行完上面的 *** 作之后,使用CSS设置名为“class  ss”的div样式,将其高度和宽度设置为“100px”,将背景颜色设置为白色,将上边距设置为“100px”,将左边距设置为“100px”,见下图。这样,就解决了这个问题了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11688192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存