css之控制页面的四种方式

CSS在制作网页中,是大量使用的一种语言,多参考一些网站的源代码可以帮助我们快速掌握各种技巧并运用到实际制作中,下面小编就如何在网页中引入CSS样式表做一下简单的介绍。

CSS控制页面
  使用CSS制作网页时,一个基础的要求是主流的浏览器之间的显示效果要基本一致,通常的做法是一边编写HTML和CSS代码,一边在两个不同的浏览器上进行预览,及时地进行调整,这有利于深入掌握CSS。

  通过大致地了解CSS,我们可以使用CSS对页面进行全方位的控制,主要的方法有四种:行内样式、内嵌式、链接式和导入式等,最后探讨一下这四种方式的优先级的内容。

四种方式
一、行内样式
1.特点:最为直接的一种。

2.使用方式

  直接在HTML的标记中,使用style属性,将CSS代码写在其中。

3.举例说明

<html>
<head>
<title>页面标题</title>
   </head>
<body>
    <p style="color:#FF0000; font-size:20px; text-decoration:underline;">正文内容1</p>
    <p style="color:#000000; font-style:italic;">正文内容2</p>
    <p style="color:#FF00FF; font-size:25px; font-weight:bold;">正文内容3</p>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_44388958/article/details/88385059
今日推荐