网页设计的css样式,网页设计引入CSS样式的五种方式

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里，＜元件(标签) STYLE=”性质(属性)1: 设定值1; 性质(属性)2: 设定值2; …}

例如：

＜TD STYLE=”COLOR:BLUE; font-size:9pt; font-family:”标楷体”; line-height:150%＞

这种用法的优点是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签

将样式规则写在＜STYLE＞…＜/STYLE＞标签之中。

＜STYLE TYPE=”text/css“＞

＜!–

样式规则表

–＞

＜/STYLE＞

例如：

＜STYLE TYPE=”text/css“＞

＜!–

BODY {

color: BLUE;

background: #ffffff;

font-size: 9pt}

TD, P {

COLOR: GREEN;

font-size: 9pt}

–＞

＜/STYLE＞

通常是将整个的＜STYLE＞…＜/STYLE＞结构写在网页的＜HEAD＞＜/HEAD＞部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用 LINK标签

将样式规则写在.css的样式档案中，再以＜LINK＞标签引入。

假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入

＜LINK REL=STYLESHEET TYPE=”text/css” HREF=”example.css”＞

即可套用该样式档案中所制定好的样式了。通常是将LINK标签写在网页的＜head＞＜/head＞部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。

跟LINK用法很像，但必　放在＜STYLE＞…＜/STYLE＞中。

＜STYLE TYPE=”text/css”＞

＜!–

[email protected] url(引入的的位址、路径与档名);

–＞

＜/STYLE＞

例如：

＜STYLE TYPE=”text/css”＞

＜!–

–＞

＜/STYLE＞

要注意的是，行末的分号是绝对不可少的！

五、使用＜span＞＜/span＞标记引入样式

例如：＜span style=”font:12px/20px 宋体 #000000;”＞网页＜/span＞

欢迎大家阅读《网页设计引入CSS样式的五种方式_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：网页设计引入CSS样式的五种方式_css

网页设计的css样式,网页设计引入CSS样式的五种方式_css相关推荐

css样式加入的法方,初学必知：XHTML网页中加入CSS的五种方_css
在Xhtml网页中如何加入css呢?这篇教程告诉大家引入CSS的几种方式. XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容.那么到底有哪些方式在XHTML文 ...
CSS——在HTML中引入CSS的四种方式
1.HTML标签内联样式 2.style标签内写css 3.link标签导入css样式 <link rel="stylesheet" type="text/css& ...
引入图标字体的三种方式
图标字体(iconfont) ------我们在网页中会发现一些小图标,可以通过图片引入图标,但是图片本身比较大,应用起来非常的不灵活.所以在这里给小伙伴们介绍一个叫"图标字体"的 ...
引入字体图标的三种方式
@引入字体图标的三种方式TOC Unicode引用 fontclass引用 symbol引用--此种引用方式支持多色图标字体包: 1.icomoon字库https://icomoon.io/ 2.阿 ...
CSS 五种方式实现 Footer 置底
CSS 五种方式实现 Footer 置底页脚置底(Sticky footer) 就是让网页的footer部分始终在浏览器窗口的底部. 当网页内容足够长以至超出浏览器可视高度时,页脚会随着内容被推到网 ...
详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...
下列哪个不是目前python里的内置模块-python引入模块的五种方式与内置模块
模块导入的五种方式 1.import 模块名 2.from 模块名 import 方法名 3.from 模块名 import * 4.import 模块名 as 别名 5.from 模块名 impor ...
go引入外部依赖的三种方式：go get，go module，vendor目录
本文转载自golang 引入外部包的三种方式:go get, go module, vendor目录_guoguolifang的博客-CSDN博客_golang 外部包 import "g ...
python引入模块的五种方式与内置模块
模块自定义模块模块的定义与分类模块的定义简而言之,模块就是一些常用功能的集合,我们把一些常用的函数.变量或者方法写到一个python文件中,那么这个python文件就是模块,使用模块可以避免我 ...

网页设计的css样式,网页设计引入CSS样式的五种方式_css

网页设计的css样式,网页设计引入CSS样式的五种方式_css相关推荐

最新文章

热门文章