首页 / CSS / 认识CSS样式

认识CSS样式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了认识CSS样式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1039字，纯文字阅读大概需要2分钟。

内容图文

1.认识CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。
如下列代码：

 

            p{
   font-size:12px;
   color:red;
   font-weight:bold;
}


使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
CSS注释代码
就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明
2.内联式CSS样式
并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：

<p style="color:red;font-size:12px">这里文字是红色。</p>

3.外部式css样式，写在单独的一个文件中
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：

<link href="base.css" rel="stylesheet" type="text/css" />

注意：
a、css样式文件名称以有意义的英文字母命名，如 main.css。
b、rel="stylesheet" type="text/css" 是固定写法不可修改。
c、<link>标签位置一般写在<head>标签之内。
4.三种方法的优先级
有的小伙伴问了，如果有一种情况：对于同一个元素我们同时用了三种方法设置css样式，那么哪种方法真正有效呢？在右边编辑器就出现了这种情况
a、使用内联式CSS设置“超酷的互联网”文字为粉色。
b、然后使用嵌入式CSS来设置文字为红色。
c、最后又使用外部式设置文字为蓝色（style.css文件中设置）。
但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式
其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）

原文：http://www.cnblogs.com/sunjianfei/p/5719655.html

内容总结

以上是互联网集市为您收集整理的认识CSS样式全部内容，希望文章能够帮你解决认识CSS样式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1290140.html

来源：【匿名】