CSS是样式层叠表,有三种引入方式。下面,我们来看看HTML样式CSS的三种写法吧。
成都网站设计、网站制作的关注点不是能为您做些什么网站,而是怎么做网站,有没有做好网站,给成都创新互联一个展示的机会来证明自己,这并不会花费您太多时间,或许会给您带来新的灵感和惊喜。面向用户友好,注重用户体验,一切以用户为中心。
01
行内样式
CSS可以直接放到行内样式中引入即可,比如代码如下图:
p style="color: blue; background: red;"
hello world!
/p
02
嵌入式
还可以采用潜入方式引入CSS,就是把CSS写到style标签中,这种方式比较实用,如下图所示:
style type="text/css"
h1 {color: red;}
/style
h1hello world/h1
03
外部样式表
还有一种叫做外部样式,也就是把CSS写在另外一张页面上,然后再引用到指定页面就可以了,这种也很常见。
@import url(main.css);
在html网页中引入引入css主要有以下四种方式:\x0d\x0a(1)行内式\x0d\x0a
网页中css的导入方式\x0d\x0a\x0d\x0a(2)嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般写在head中,对于单个页面来说,这种方式很方便。\x0d\x0a\x0d\x0a(3)导入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css"; \x0d\x0a\x0d\x0a\x0d\x0a(4)链接式\x0d\x0a\x0d\x0a \x0d\x0a导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。
html是超文本语言,如以p、span、div、ul、li等标签写出来的布局代码就是html格式的语言,在这样的编码文档中分为两类不同的编码:1、utf-8;2、gb2312,因此html选择什么编码,css文档就需要选择相同的文档,UTF-8支持各类特殊符号与英文内容的,而gb2312是偏向中文的,css文档其实不是格式,是属于html的样式文件,那什么是样式,很简单的来说,html文档中的语言属于一个对象,就像人一样,是一个对象,当将其添加一个class或是内嵌css时,则表示为这个对象添加样式属性,就像定义对象一个人什么颜色的头发、多高的身体、穿什么颜色的衣服等。
下面举一个列子
在html文档中,如文档“人.html”,其中的有个这样的html:
di class="pople-type"人/div
那么在css中,我可以这样定义:
.pople-type{
margin:0 auto; 横向居中
width:100px;宽度
height:100px;高度
color:#fffffff;字体颜色
background-color:#666666;背景颜色
}
.pople-type里面的内容就是定义对象pople-type这个类别的div的样式,那么也就意味着,在整个html文档中,凡是使用这个类的html都具有这样的属性,不论是div、还是p标签、或是span标签,具体的细节我这里就不说了,只是说了个概念的东西,需要进一步学习的话,你在百度上度娘下“w3cschool ”,里面讲的很细,还有演示代码。
当前标题:关于htmlcss样式格式的信息
本文来源:https://www.cdcxhl.com/article42/dsgcsec.html
成都网站建设公司_创新互联,为您提供品牌网站制作、营销型网站建设、动态网站、虚拟主机、ChatGPT、网站营销
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联