温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS放入网页的方法介绍

发布时间:2021-09-06 18:24:48 来源:亿速云 阅读:144 作者:chen 栏目:web开发

本篇内容介绍了“CSS放入网页的方法介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

CSS放入网页的几种方式

行内套用

◆我们可以在HTML文件内直接宣告样式。

举例来说,Thisisfontsize16.
以上的HTML文件在浏览器上会显现为:Thisisfontsize16.

◆嵌入套用样式可以嵌入于HTML文件中(通常是在<head>内)。

举例来说

<head><styletypestyletype="text/css"> div{div{background-color:#FF0000;}</style></head><body>背景颜色是红色</body>

以上的HTML会显现出:背景颜色是红色
外部连接套用在这种方式下,所有的CSS样式宣告都是存在另外一个档案中。该档案通常名称为.css。

在HTML文件的<header>..</header>之中,我们将用以下的程式码将这个.css档案连接进入:

<linkrellinkrel=stylesheettype="text/css"href="external-stylesheet.css">

以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。

汇入套用

 汇入套用外部的CSS样式也可以被汇入进HTML文件。
汇入的做法为利用@import这个指令。

@import的语法为

<STYLETYPESTYLETYPE="text/css"><STYLETYPESTYLETYPE="text/css"><</STYLE> @import">!--@importurl(http://www.divhome.com/#.mysite.com/style.css);  @importurl(</STYLE>

@import指令最初的用意,是为了能够针对不同的浏览器而运用不同的样式。不过,现在已经没有这个必要。现在用@import的目的,最常是要加入多个CSS样式。当多个CSS样式被   @import的方式加入,而不同CSS样式互相有冲突时,後被加入的CSS样式有优先的顺位(详情请见CSS串接)。

DIV+CSS中其它最常用的布局标签

  h2

这个标签或许真正会去用的人很少,因为它显示的字体真的是太"大"了,但我们是CSSer,有什么标签样式不能改呢?而且它所能表达的意思就如同它原先的作用一样明显(大标题)我想你已经知道怎么去用它了^_^. 

  ul

这个标签很多情况是用来定义导航部分的,当然也可以用ol来代替,但导航连接没有什么顺序之分吧,所以还是用ul来的比较确切(去掉CSS后效果更明显). 

  b

这个已经不再推荐使用的标签,在布局上却能带来不少的方便(因为短),虽然我不是太赞成使用这个标签,但有些时候(比如细小地方的布局定义)还是不错的选择

h3
   
    h3使用最多的地方应该不是布局上,而是副标题,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p。

“CSS放入网页的方法介绍”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI