在html中怎样使用css样式

 我来答
samhan
推荐于2018-02-05 · 知道合伙人互联网行家
samhan
知道合伙人互联网行家
采纳数:10996 获赞数:56045
对待工作认真负责,善于沟通、协调有较强的组织能力与团队精神。

向TA提问 私信TA
展开全部
在html网页中引入引入css主要有以下四种方式:
(1)行内式
<p style=”color:red”>网页中css的导入方式</p>

(2)嵌入式
<style type=”text/css”>
P{ color:red }
</style>
嵌入式一般写在head中,对于单个页面来说,这种方式很方便。

(3)导入式
<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->
<style type="text/css">
@import "jisuan.css";
</style>

(4)链接式
<link href="jisuan.css" rel=”stylesheet” type=”text/css” />

导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。
zxh4567
2014-12-09 · TA获得超过6.1万个赞
知道大有可为答主
回答量:2.2万
采纳率:83%
帮助的人:1.3亿
展开全部
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>

内联样式当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">This is a paragraph</p>

标签
描述

<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
chen801012
推荐于2017-09-04 · 知道合伙人数码行家
chen801012
知道合伙人数码行家
采纳数:106 获赞数:155

向TA提问 私信TA
展开全部
CSS是定义该网页的框架的,可以直接写到HTML中

也可以事先做好CSS,然后通过链接调用,文件保存为.css
<link rel="stylesheet" href="/css/global2013.css" />

<link rel="stylesheet" href="css/new_index2014.css" />

直接写到网页中的CSS
body{font:12px "宋体";color:#444;background-color: #FFFFFF;}
ul,li{ list-style:none;}
img,table{ border:none;}

不用我解释你应该看得懂吧

用DM编辑网页的时候,html网页CSS是自动生成的,包括字体啊,打开方式啊,颜色啊,等等等等

不知道这样描述你能懂吗?
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
pure_lug
2014-12-09 · TA获得超过423个赞
知道小有建树答主
回答量:201
采纳率:100%
帮助的人:174万
展开全部
直接写在html页面:
<style tyle="text/css">
...
</style>
你也可以外链:
<link href="css/style.css" rel="stylesheet">
虽然还有其他方式,但我觉得这已经够了。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
书香学编程
2020-12-17 · 贡献了超过775个回答
知道答主
回答量:775
采纳率:25%
帮助的人:54.7万
展开全部

Vue实践-CSS样式position/display/float属性对比使用

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式