Css样式的使用大致分为三种

咱们先来看看一张总括图

1 使用连接的形式调用

有两种发方式调用：

A 使用link标签

将样式规则写在.Css的样式文档中，再以<link>标签引入

如法如下：

通常是直接将css文件拖拽到html页的方法

集中rel="stylesheet"指这个link和href之间的关联样式为样式表文件。 Type=“text/css”指的是文件类型是样式表

放置的位置通常是在网页的<head></head>部分之中。

B 使用@import导入

就如导入命名空间一样。放在zai<style>...</style>中

STYLETYPE="text/css">

<!--

@importurl(引入的样式表的位址、路径与档名);

-->

</STYLE>

例如：

<STYLETYPE="text/css">

<!--

@importurl(http://yourweb/ example.css);

-->

</STYLE>

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

2使用style属性

将style属性直接添加到个别的元素标签里或行内

调用方式如下：

<元素名称 style="属性1 : 属性值1;属性2 :属性值2;...."></元素名称>

样式的语法和独立的样式语法完全相同。例如

<divstyle=" width:30px;color:red;font-size:15px;"></div>

这种用法的优点是灵巧应用标签中，蛋松缺点则是没有整篇文件的统一性；

3使用style标签

将样式放在head元素中的style标签内，与body平级

语法如下：

<!-- css

样式表

-->

</style>

下面我们来用一个示例演示一下。

<head>

<title>CSS调用方法</title>

<style>

.content{

 background-color: #cccccc;

 font-size: 14px;

 width: 240px;

 height: 80px;

 color: Blue;

 text-align: center;

}

</style>

</head>

<body>

<div class="content">示例：从页面头部调用。</div>

</body>

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

以上就送css样式的使用方式，欢迎大家指正

[置顶] Asp.Net---css样式的使用方式的更多相关文章

CSS样式的插入方式
1.外部样式: 当样式需要应用于很多页面时,外部样式表将是理想的选择.<head> <link rel="stylesheet" type="text/ ...
CSS样式之连接方式
前言:上一篇博客是HTML基本结构和标签,是笔者学习HTML的笔记,本篇博客开始记录CSS,废话不多说,直接进入主题. 首先,我们要知道CSS是什么.简单地说,CSS层叠样式表是用来表现HTML或XM ...
JS设置CSS样式的集中方式
1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element. ...
CSS 样式的使用方式、选择器
在html中使用css的三种方式: 1.行内样式:同过元素的style属性来设置 <p style="font-size:20px; color:red">hello& ...
四种CSS样式的引入方式
准备 1.首先准备一个html文件:test.html,不建议使用记事本创建文件,建议使用Notepad++来创建并编辑文件,注意编码格式为:以UTF-8无BOM格式编码,否则会出现中文乱码,内容如下 ...
[置顶] Asp.Net底层原理(一、浏览器和服务器的交互原理)
…… 一.浏览器和服务器的交互原理二.写自己的"迷你"Asp.net框架三.Asp.Net的请求与响应过程 1.在此之前,首先简单的模拟一下我们去请求一个网址的时候,浏览器和服 ...
方法控件[置顶] Asp.net总结（一）
本文朋友在青岛逛街的时候突然想到的...这两天就有想写几篇关于方法控件的博客,所以回家到之后就奋笔疾书的写出来发表了纵观 Asp.net的学习只会之路,可以发现 Asp.net可以分为以下几大块控 ...
[置顶] ASP.Net中服务器控件的生命周期
(1)初始化:在此阶段中,主要完成两项工作:一.初始化在传入Web请求生命周期内所需的设置;二.跟踪视图状态.首先,页面框架通过默认方式引发Init事件,并调用OnInit()方法,控件开发人员可以重 ...
[置顶] Asp.Net底层原理(二、写自己的Asp.Net框架)
我们介绍过了浏览器和服务器之间的交互过程,接下来介绍Asp.net处理动态请求. 写自己的Asp.Net框架,我们不会引用System.Web这个程序集,我们只需要创建要给自己的类库,所以在接下来的程 ...

随机推荐

初始WebApi 利用WebApi实现基础的CRUD
微软的web api是在vs2012上的mvc4项目绑定发行的,它提出的web api是完全基于RESTful标准的,完全不同于之前的(同是SOAP协议的)wcf和webService.它是简单,代码 ...
开源OCR光学字符识别
纸张在许多地方已日益失宠,无纸化办公谈论40多年,办公环境正限制纸山的生成.而过去几年,无纸化办公的概念发生了显着的转变.在计算机软件的帮助下,包含大量重要管理数据和资讯的文档可以更方便的以电子形 ...
Linux解压乱码
.向系统添加windows下的字符编码: sudo vim /var/lib/locales/supported.d/local 添加一下编码: zh_CN.GBK GBK zh_CN.GB2312 ...
cloudflare的新waf，用Lua实现的
我们使用nginx贯穿了我们的网络,做前线web服务,代理,流量过滤.在某些情况下,我们已经扩充了nginx上我们自己的模块的核心C代码,但近期我们做了一个重大举措,与nginx结合使用lua 差点儿 ...
TImage也有OnClick事件，可以当按钮使用，配上合适的图片（背景透明，效果前凸）更是几乎以假乱真
本质上TImage与TSpeedButton没有什么区别,都是没有句柄的,但都可以执行OnClick事件.有空分析一下.
WM_PAINT消息在窗口重绘的时候产生，那什么时候窗口会重绘（异步工作方式效率高、灵活性强，还有UpdateWindow和RedrawWindow帮忙）
Q:wm_paint消息在窗口重绘的时候产生,那什么时候窗口会重绘?? A: 严格地说,只有当收到WM_PAINT消息后窗口会重绘但是引起这个消息的事件有很多, 比如:1.首次创建 2.移动 3.改 ...
在 Visual Studio 调试器中指定符号 (.pdb) 和源文件
查找并指定符号文件和源文件:指定符号加载行为.使用符号和源服务器上:加载符号自动或在要求. 内容查找符号 (.pdb) 文件查找源文件查找符号 (.pdb) 文件说明在之前的 Vis ...
JavaWeb图表插件的小研究
背景近期的一个项目中,对数据的统计分析有非常大的要求,这就要求有一款非常强大的报表.图表插件.因此,组长给分了任务.让我们各自去研究不同的图表插件.用了一两天的时间,对java这块的图表插件做了一个 ...
MSSQL - SqlDataAdapter连接数据库提高性能用法
SqlDataAdapter 与 SqlConnection 和 SqlCommand 一起使用,以便在连接到 SQL Server 数据库时提高性能. SqlDataAdapter 的这一实现自动打 ...
Win2003 Server磁盘配额揭密之启用篇
Win2003 Server磁盘配额揭密之启用篇［作者:茶乡浪子转贴自:it168.com 点击数:4973 更新时间:2005-1-17 ］本文要向大家介绍如何利用W ...

[置顶] Asp.Net---css样式的使用方式