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

 时间:2024-10-12 09:15:37

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

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

2、在建好的html文件中,在head标签中,title下输入以下代码引入样式:<挢旗扦渌;style type="t髫潋啜缅ext/css"></style>然后在body输入插入一个div标签,如下:<div></div>

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

3、然后在style样式中插入一个ID样式:#aaa{width: 100px;height: 300px;ba艘早祓胂ckground: #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选择器样式
  • MyEclipse编译和运行一个程序
  • C#如何封装一个方法
  • 如何使用css实现鼠标滑过块上移特效
  • 如何使用document.createTextNode
  • web横屏文件怎么操作
  • 热门搜索
    我的理想手抄报 爱牙日手抄报 孝敬父母的手抄报 小学生环保手抄报 安全知识手抄报内容 开学了手抄报 关于黄河的手抄报 关于书的手抄报 世界地球日手抄报内容 开学第一课手抄报小学