我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的

 

如果说,原生态就是美,那么,我们就没有必要穿衣打扮。

 

网页是什么?

 

 

 

整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同。

 

作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些。

 

我知道,我们往往自称“屌丝程序员”,有时候自己都看不上自己写出来的东西,我以前也这样,不过,我在追求上进,就像这篇文章,是不是比前几篇要好一些呢?

 

什么是CSS呢?

 

CSS 是Cascading Style Sheets的缩写,意思是“层叠样式表”。

 

下面,我们通过一个“选美比赛”来学习添加CSS样式的3种方式及它们的优先权。

 

1号选手:原生态

 

(1)    晒照片,如下:

                       

(2)    看代码:

新建一个网页a.html,复制粘贴下面的内容:

<html>

<head>

</head>

<body >

添加CSS样式的3种方式及它们的优先权

</body>

</html>

 

 

使用浏览器打开,看到的样子就是上图。

 

(3)    知识讲解

 

“白纸黑字”就是最典型的一种默认设置,网页的背景显示为白色,字体显示为黑色。

 

并不是所有的浏览器的默认值都是相同的,相同的内容,在不同浏览器中显示的可能不同,这就是浏览器的差异性。

 

小结:

浏览器的默认值在样式设置中是最低级的,只有当没有样式修饰时才会按照默认值来显示。

 

2号选手:红色女郎

 

(1) 晒照片,如下:

 

(2)看代码:

新建一个文件css.css,和a.html放在同一个文件夹中,复制粘贴下面的内容:

body
{
background-color:red;
}

 

 

在a.html添加一行代码,添加后如下:

<html>

<head>

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

</head>

<body >

添加CSS样式的3种方式及它们的优先权

</body>

</html>

 

 

使用浏览器打开,你就会看见“红色女郎”。

 

(4)    知识讲解

 

A:

css.css中的body是一个类型选择符(专业叫法)。

 

 

样式

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的

相关文章:

你感兴趣的文章:

标签云: