整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

两招教会你制作属于自己的静态网页

表示 HTML 的头部,描述 HTML 文档的各种属性和信息,包括网页的标题、CSS 样式通过标签嵌套在HTML的头部控制网页内容的样式。






自我介绍

CSS样式由选择符和声明组成,而声明又由属性和值组成。

选择符又称选择器,指明网页中要应用样式规则的标签,如上图的例子就是把网页中所有段落(p)的文字颜色变成蓝色,而其他标签不会受到影响。

在英文大括号“{}”中的就是声明,属性是指字体大小、颜色、对齐方式等,值是指字体具体有多大。颜色具体是哪个等。属性和值之间用英文冒号“:”分隔,当有多条声明时,中间可以英文分号“;”分隔。

在这里我们主要讲几种CSS常用的属性。

网页的字体属性是font-,常用的值有SimSun(宋体)SimHei(黑体) Yahei(微软雅黑)KaiTi(楷体)

我们来尝试一下,将前面做的自我介绍网页的字体设置为常用的微软雅黑字体。整个网页的字体包含在标签中,所以选择符为body.

标签代码:

在浏览器中显示:

字体大小的属性是font-size,它的值常用的单位是px(像素),px的值越大字号越大;

字体颜色的属性是color,你可以将它的值设置为你喜欢的颜色。

用代码将自我介绍网页中段落

的字号放大一点网站制作,并将整个网页的字体颜色设置为与编玩边学图片相似的蓝色。段落的选择符为p,整个网页的选择符为body。

标签代码:

在浏览器中显示:

我们还可以给网页中的某部分增加一个边框。

边框样式的属性是-style,常用的值有solid(实线)和

(虚线)

边框宽度的属性是-width,它的值常用单位也是px(像素)

dw制作asp动态网站_网站制作_网站程序制作

边框颜色属性是-color网站制作,你可以设置成自己喜欢的颜色。

我想给名字的部分加一个红色的实线边框,所以选择符是h1。

标签代码:

在浏览器中显示:

美化网页的CSS属性有很多种类,而且方法也不只一种,在这里无法一一详述。快打开记事本为你刚刚制作的自我介绍网页添加一些好看的CSS样式吧。

双击打开html文件你会发现之前不忍直视的网页变得好看了哦。给自己点个赞吧!

以上内容转自编程少年青少年编程爱好者学习交流社区 - 编程少年