在html中怎样使用css样式
推荐于2018-02-05 · 知道合伙人互联网行家
关注
展开全部
在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文件。但是链接式对于客户端用户浏览网站时,效果会好些。
(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文件。但是链接式对于客户端用户浏览网站时,效果会好些。
展开全部
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:
外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<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> 对文本进行水平居中。不赞成使用。请使用样式。
外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<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> 对文本进行水平居中。不赞成使用。请使用样式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
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是自动生成的,包括字体啊,打开方式啊,颜色啊,等等等等
不知道这样描述你能懂吗?
也可以事先做好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是自动生成的,包括字体啊,打开方式啊,颜色啊,等等等等
不知道这样描述你能懂吗?
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
直接写在html页面:
<style tyle="text/css">
...
</style>
你也可以外链:
<link href="css/style.css" rel="stylesheet">
虽然还有其他方式,但我觉得这已经够了。。
<style tyle="text/css">
...
</style>
你也可以外链:
<link href="css/style.css" rel="stylesheet">
虽然还有其他方式,但我觉得这已经够了。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询