CSS 入门教程 - AI教程网

一些HTML元素对显示有影响。当浏览器遇到元素时，它将更改内容显示的方式。

代码元素是其中之一。当浏览器遇到代码元素时，将使用固定宽度的字体显示包含的内容。

现在强烈建议不要使用HTML元素来管理演示文稿。

您应该使用HTML元素来定义结构，并使用级联样式表（CSS）来控制演示。

例子

CSS代表层叠样式表。它定义如何显示HTML元素。

以下HTML代码包含样式的CSS。

<!DOCTYPE HTML> 
<html> 
    <head> 
        <style> 
        a {
            background-color:grey; 
            color:white 
        } 
        </style> 
    </head> 
    <body> 
        <a href="https://www.w3cschool.cn">Visit the website</a> 
    </body> 
</html>

上面的代码设置背景颜色和前景颜色。

样式通常保存在外部.css文件中。

浏览器样式

浏览器使用级联和继承来确定在显示元素时要用于属性的值。

每个元素都有一些CSS属性。

对于每个属性，浏览器需要遍历所有样式的源。

你已经看到了三种不同的方式来定义样式

内联
嵌入式
外部样式表

还有两个其他的样式来源，你需要知道。

如果没有指定其他样式，浏览器样式或用户代理样式是浏览器应用于元素的默认样式。

这些样式在浏览器之间略有不同。

以下代码显示了一个不包含样式的简单HTML文档。

<!DOCTYPE HTML>
<html>
<body>
    <a href="https://www.w3cschool.cn">Visit the website</a>
    <p>I  like <span>apples</span> and oranges.</p>
    <a href="https://www.w3.org">Visit the W3C website</a>
</body>
</html>

链接的文本内容显示为蓝色，带下划线。

浏览器正在应用类似于以下代码中所示的样式。

a  {
    color: blue;
    text-decoration:  underline;
}

浏览器没有每个HTML元素的默认样式。

转载请注明：www.ainoob.cn » CSS 入门教程

例子

浏览器样式

猜您还喜欢