div+css制作html网页怎么正确引入ID选择器样式

2025-09-29 22:45:04

1、启动DW,并新建一个html软件

div+css制作html网页怎么正确引入ID选择器样式

2、在建好的html文件中,在head标签中,title下输入以下代码引入样式:

<style type="text/css"></style>

然后在body输入插入一个div标签,如下:

<div></div>

div+css制作html网页怎么正确引入ID选择器样式

3、然后在style样式中插入一个ID样式:

        #aaa{

            width: 100px;

            height: 300px;

            background: #d4d4d4;

        }

在这里需要注意的是引入ID采用的符号是【#】字符号,并非类使用的【.】

div+css制作html网页怎么正确引入ID选择器样式

4、并在body中的DIV中引入id:

    <div id="aaa"></div>

div+css制作html网页怎么正确引入ID选择器样式

5、保存网页并刷新后,可以看到样式已经成功运用到div中了

div+css制作html网页怎么正确引入ID选择器样式

6、按照这个方法可以再写如一个div并引入ID样式,这次命名为【bbb】,保存刷新网页就看到效果了

div+css制作html网页怎么正确引入ID选择器样式

7、使用ID时要注意,ID意思就和身份证一样,每一个div中只能引入一个id,不能像类一样可以引入多个DIV,这也是ID的唯一性所决定的噢,好啦,朋友们都会了吗

div+css制作html网页怎么正确引入ID选择器样式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢