所有栏目 | 云社区 美国云服务器[国内云主机商]
你的位置:首页 > 云社区 » 正文

CSS样式表基本的语法格式是什么?

发布时间:2020-04-15 16:50:25

资讯分类:样式表  css  样式  内联  文件
CSS样式表基本的语法格式是什么?

在HTML中插入CSS的方法主要有三种,它们分别是内联样式、内部样式、链接式和外部样式。

1.内联样式

内联样式是在标记的style属性中设定CSS样式。如下面的例子将h1的内容标记为黑底白字。

 

2.内部样式表

内部样式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。如对本网页所有的h1标记都设置为黑底白字:

 

3.外部样式表

当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。CSS样式定义在.css文件中,可以通过一定的规则在HTML页面中进行引用,这种又分为两种方式:

导入式

导入式使用CSS规则引入外部.css文件,语法如下:

 

4.

链接式

链接式使用HTML规则引入外部CSS文件,它在网页的<head></head>标签对中使用<link>标记来引入.css文件,使用语法如下:

CSS样式表基本的语法格式是什么?

CSS是指的层叠样式表吗?如果是 语法:(自定义的样式名称){ 样式内容}例:li(为li标签设定){width:300px;height:22px;font:12px/23px 宋体;text-align:center;background:url(on.gif) no-repeat 45px -80px;list-style:none;}

留言与评论(共有 0 条评论)
   
验证码:
Top