一个关于html中css文件的问题

发布网友发布时间：2022-04-20 15:47

共5个回答

懂视网时间：2022-04-20 20:09

误区一.多p症

<p class="nav">
 <ul>
 <li><a href="/home/">Home</a></li>
 <li><a href="/about/">About</a></li>
 <li><a href="/concact/">Concact</a></li>
 </ul>
</p>

上述使用使用多余的p标签现状，就称为“多p症”，理应简化成下

<ul class="nav">
 <li><a href="/home/">Home</a></li>
 <li><a href="/about/">About</a></li>
 <li><a href="/concact/">Concact</a></li>
</ul>

误区二.多类class症注意点class可以应用于页面任意多个元素，非常适合标识内容类型或其他相似的条目
一段新闻（新闻标题、新闻详情内容）

<h1 class="news-head">Elastic Layout Example—View Source for the HTML and CSS</h1>
<p class="news-head">Lorem ipsum dolor sit amet.
 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

上述类名使用news-head与news-text 就称为"多类症"表现，不需要这么多的类区分元素样式

最好使用p（pision）代表部分而不是没有语义（大多数人误解p无语义！！！），实际上p可以将文档划分为几个有意义的区域.

类名news从而识别整个新闻条目。然后可以使用层叠（cascade）样式识别新闻标题、文本，理应修改如下

<p class="news">
 <h1>Elastic Layout Example—View Source for the HTML and CSS</h1>
 <p>Lorem ipsum dolor sit amet.
 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</p>

span 对行内元素进行分组或标识

<h2> Andy wins an Oscar for his cameo in Iron Man</h2>
<p>Public and on <span class="date">Februray 22nd, 2009</span>
 By <span class="author">Harry Knowles</span>
</p>

误区三.id使用误区用于标识页面上特定元素(比如站点导航、页眉、页脚)而且必须唯一; 也可以用来标识持久结构性元素（如主导航、内容区域）

/*大量的使用id,很难找到唯一名称混乱*/
#andy, #rich, #jeremy, #james-box, #sophie {
 font-size: 1em;
 font-weight: bold;
 border: 1px solid #ccc;
}
/*只需一个普通类替代它*/
.staff {
 font-size: 1em;
 font-weight: bold;
 border: 1px solid #ccc;
}

用于标识页面上特定元素(比如站点导航、页眉、页脚)而且必须唯一; 也可以用来标识持久结构性元素（如主导航、内容区域）

热心网友时间：2022-04-20 17:17

你说的是引用外部CSS样式

关于css文件的路径首先必须存在一个后缀为.css的CSS样式文件（如图），css文件的路径就是这个文件在你的电脑中的物理路径，如：D:\TEST1\TEST2\master.css 一般情况下把css文件放在使用它的网页相同的文件夹下，引用的时候直接href="样式表的名字"就可以了

如果要在HTML文件中应用CSS样式，最常用的有三种方法：

1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如：

<html>

<head>

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果，可将CSS做成单独文件。

文件CSSSTYLE.CSS

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

然后在HTML引用它：

<html>

<head>

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误，要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式，这种方法最直接，但是缺点也最明显，最大的问题就是代码繁冗，作用域也仅仅在定义的标签的作用范围。如：

<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>

热心网友时间：2022-04-20 18:35

热心网友时间：2022-04-20 20:09

热心网友时间：2022-04-20 22:01