<div id=

Posted 2023-04-12

参考技术A

id="logo"是指他给这个<div>标签取了一个专属名字的意思。

id 属性规定 html 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。

id="logo"，是可以更改的，id名是由你自己定的。

如果更改了id之后，关于这个<div>的所有样式、函数等，都不会实现了。你要去查找这个网页的一些插入的或者就写在本网页里的css，js文件，去把id为logo的所有样式、函数等，都改成你重新改的那个id名。

配置文件在源代码里页面找到带有css或者js尾缀的文件。或者在<style>标签和<script>标签里寻找。

<link rel="stylesheet" type="text/css" href="/xxx.css" />

<script src="xxx.js"></script>

扩展资料

id 和 class 选择器

1、id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

以下的样式规则应用于元素属性 id="para1":

例如：

#para1
text-align:center;    color:red;

2、class 选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。

例如：

.center text-align:center;

PHP学习第八天——div与class和id

前天做唯品会的网页，直接导致我积攒了许多天十分膨胀的自信心崩碎成了一片一片的渣渣，div的嵌套并不能处理所有的布局与格式，例如：

<div><div><div><<div></div>/div></div></div>，网页body本身的大小会使得div出现溢出的状况，float等许多标签会直接对div失去作用，并且在格式上，也显得很不流畅，因此，怎样为一个网页布局，怎样避免各种div相互嵌套而导致溢出的情况发生，是制作一个成品网页的重中之重。

今天成功做完了唯品会的网页，现将一部分代码粘贴如下：

<div id="main">

<div class="tou">

<!--网页的上半部分-->

<div class="zuoshang">

<a id="dl" href=""><h1 >唯品会</h1></a>

<a id="xl" href="">一家专门做特卖的网站</a>

</div>

<div class="youshang">

</div>

</div>

<!--网页的中央-->

<div id="mid">

<!-- 左半部分 -->

<div class="left"></div>

<!-- 右半部分 -->

<div class="right">

<div id="xiaozi">

<div class="text1">欢迎注册</div>

<div class="text2">已注册可<a class="fen" href="./denglu.html">直接登录</a></div>

依然是许多的div相互嵌套，但在div中加入class与id，使用外部样式，可以使整个代码页的长度缩短许多，因为很多情况下样式甚至要比body还要多，这样的布局，整个代码页看起来会十分明了，在今后做修改的时候，也会更加的轻松方便。

给密密麻麻的众多div中加入注释，会起到很好的作用。

本文出自 “12244243” 博客，请务必保留此出处http://12254243.blog.51cto.com/12244243/1873597