在HTML文档中可以使用哪几种样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在HTML文档中可以使用哪几种样式相关的知识,希望对你有一定的参考价值。

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head>
<style type="text/css">
body background-color: red
p margin-left: 20px
</style>
</head>内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
标签描述
<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。
参考技术A 所有的CSS样式都可用于html中. 参考技术B 楼主正解。

CSS的基本选择器有哪几种?分别适合在啥情况下使用?

三种:类别选择器、标签选择器、id选择器,类别是用class命名的时候用 标签是html标签的时候用 id就不用多说了 参考技术A 1、同意楼上:
ID选择器:#header
类选择器:.header
元素选择器:div
子选择器:ul > li
后代选择器:div p
伪类选择器:a:hover
属性选择器:input[type="text"]
id优先级高于类class;
后面的样式覆盖前面的;
指定的高于继承;
2、除了参考W3school的资料,我这还有CSS的帮助文档,如果需要,留下邮箱,发给你。

参考资料:http://www.w3school.com.cn/css/index.asp

本回答被提问者和网友采纳
参考技术B 如今最常用的就是ID选择器、类选择器、伪类选择器、元素选择器用的较多,主要是浏览器的支持与兼容问题!

你可以参考其他的书籍来看,自己去尝试下就知道了!
参考技术C ID选择器:#header
类选择器:.header
元素选择器:div
子选择器:ul > li
后代选择器:div p
伪类选择器:a:hover
属性选择器:input[type="text"]
这几种用得比较多,去w3school上看都有,如想深入可去看css3的选择器。

以上是关于在HTML文档中可以使用哪几种样式的主要内容,如果未能解决你的问题,请参考以下文章

引入CSS 的方法有哪几种?比较其优缺点。

请详细说明HTML文件使用css样式的几种方法?

CSS主要有几种引用方法? 分别怎样实现的?

css样式引入有哪几种方式,优先级是怎么样的?

CSS的基本选择器有哪几种?分别适合在啥情况下使用?

如何在css中增加一种样式