重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
第一种:在html元素内写,举例:p style="font-size:16px;"文本/p
创新互联长期为1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为河南企业提供专业的网站制作、成都做网站,河南网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
第二种:在html文档头部,head标签内写
style
p{
font-size:16px;
}
/style
第三种:引入外部 link rel="stylesheet" type="text/css" href="font/style.css"/
在制作一个网页的时候,Css样式的添加一共有四种方式,一起来看看这四种方式:
一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。
元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%
这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签: 将样式规则写在STYLE.../STYLE标签之中。
通常是将整个的 STYLE.../STYLE结构写在网页的HEAD /HEAD部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用 LINK标签: 将样式规则写在.css的样式档案中,再以LINK标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的head/head部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分号是绝对不可少的!这种方式也可以把
在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文件。但是链接式对于客户端用户浏览网站时,效果会好些。
可以这样理解:
一、元素:就是html标签,比如table,tr,td,img,input等等,在对这些使用css的时候,元素名前面可以不用加任何符号,如:对网页中所有input元素用一个css样式,那么可以在样式中写
input{样式}
二、ID:如果想在网页中某个特定地方使用css,这时候就可以给那个元素一个ID,在样式的时候,ID前面要加“#”,比如:想对ID为test的表格应用一个css样式,可以写作
#test
三、类就是大多数情况下都可以调用的,在前面要加个“.”,然后在使用的时候用
“class=类名”