最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

css样式的书写格式详解示例

来源:动视网 责编:小采 时间:2020-11-27 18:52:56
文档

css样式的书写格式详解示例

css样式的书写格式详解示例:css的书写格式一共有三种行内样式:意思是在行内中写样式例如说<p style="color:red">用行内样式编写我的颜色</p>只适用于<body>(字体颜色和背景颜色)和<body>里面的标签,但不适用于<body>
推荐度:
导读css样式的书写格式详解示例:css的书写格式一共有三种行内样式:意思是在行内中写样式例如说<p style="color:red">用行内样式编写我的颜色</p>只适用于<body>(字体颜色和背景颜色)和<body>里面的标签,但不适用于<body>


css的书写格式一共有三种

行内样式:意思是在行内中写样式

例如说<p style="color:red">用行内样式编写我的颜色</p>

只适用于<body>(字体颜色和背景颜色)和<body>里面的标签,但不适用于<body>之外的例如:head,title,之类的标签

内嵌样式:使用style,把所有样式都卸载style里面。

例如说:

<head>

<style>

p{ 

color:red; 

background:blue; 

border:1px solid green; 

} 

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>

外联样式:通俗点就是外部样式,使用link样式连接到外部的.css文件。

例如说:

<head>

  <link style="stylesheet" href="class.css" type="text/css" />

</head>

没错就是辣么简单,只需要把css样式写到另一个.css文本上然后仅需要link就可以在页面中显示出样式,但一定要注意文件路径!!!路径不对也是不可以滴.

个人推荐使用外联样式,做到了css与布局代码的分离,可以使代码可编辑性更高 加载更快。

以上这篇引用css样式的书写格式详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。

更多css样式的书写格式详解示例相关文章请关注PHP中文网!

文档

css样式的书写格式详解示例

css样式的书写格式详解示例:css的书写格式一共有三种行内样式:意思是在行内中写样式例如说<p style="color:red">用行内样式编写我的颜色</p>只适用于<body>(字体颜色和背景颜色)和<body>里面的标签,但不适用于<body>
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top