Css基本概念及其引入方式介绍

  发布时间:2013-09-12 15:20:49   作者:佚名   我要评论
在本文将为大家介绍下css的引入方式、css的基本语法等等,新手朋友们可以参考下哈,希望对大家有所帮助
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

1.css的引入方式:

(1)链接引入:

复制代码
代码如下:

<link type="text/css" href="Css文件地址" />

(2)文档内设置css:

复制代码
代码如下:

<style type="text/css">
<!--
.STYLE1 {color: #0066CC}
-->
</style>

2.css的基本语法:

(1)CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

例如:h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。

复制代码
代码如下:

h1 {color:red; font-size:14px;}


CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。

(2)选择器的分组:用逗号进行分割

复制代码
代码如下:

h1,h2,h3,h4,h5,h6 {
color: green;
}

相关文章

  • css样式引入方式及优缺点介绍

    这篇文章主要介绍了css样式引入及优缺点,本文给大家分享三种css的引入方式,通过代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下
    2020-04-02
  • 关于CSS引入方式的详细见解小结

    这篇文章主要介绍了关于CSS引入方式的详细见解小结的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-25
  • 详解CSS文件的三种引入方式

    这篇文章主要介绍了详解CSS文件的三种引入方式的相关资料,CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-27
  • html引入css四种引入方式示例分享

    CSS四种引入方式:标签内的CSS 、网页内的CSS、link引用的CSS、import引用的CSS,下面用一个例子演示用法
    2013-12-06
  • 详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式

    这篇文章主要介绍了CSS文件中的4种引入方式:行内,内联式,外部式,导入式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-29

最新评论

?


http://www.vxiaotou.com