表示 HTML 的头部,描述 HTML 文档的各种属性和信息,包括网页的标题、CSS 样式通过标签嵌套在HTML的头部控制网页内容的样式。
自我介绍
CSS样式由选择符和声明组成,而声明又由属性和值组成。
选择符又称选择器,指明网页中要应用样式规则的标签,如上图的例子就是把网页中所有段落(p)的文字颜色变成蓝色,而其他标签不会受到影响。
在英文大括号“{}”中的就是声明,属性是指字体大小、颜色、对齐方式等,值是指字体具体有多大。颜色具体是哪个等。属性和值之间用英文冒号“:”分隔,当有多条声明时,中间可以英文分号“;”分隔。
在这里我们主要讲几种CSS常用的属性。
网页的字体属性是font-,常用的值有SimSun(宋体)SimHei(黑体) Yahei(微软雅黑)KaiTi(楷体)
我们来尝试一下,将前面做的自我介绍网页的字体设置为常用的微软雅黑字体。整个网页的字体包含在标签中,所以选择符为body.
标签代码:
在浏览器中显示:
字体大小的属性是font-size,它的值常用的单位是px(像素),px的值越大字号越大;
字体颜色的属性是color,你可以将它的值设置为你喜欢的颜色。
用代码将自我介绍网页中段落
的字号放大一点网站制作,并将整个网页的字体颜色设置为与编玩边学图片相似的蓝色。段落的选择符为p,整个网页的选择符为body。
标签代码:
在浏览器中显示:
我们还可以给网页中的某部分增加一个边框。
边框样式的属性是-style,常用的值有solid(实线)和
(虚线)
边框宽度的属性是-width,它的值常用单位也是px(像素)
边框颜色属性是-color网站制作,你可以设置成自己喜欢的颜色。
我想给名字的部分加一个红色的实线边框,所以选择符是h1。
标签代码:
在浏览器中显示:
美化网页的CSS属性有很多种类,而且方法也不只一种,在这里无法一一详述。快打开记事本为你刚刚制作的自我介绍网页添加一些好看的CSS样式吧。
双击打开html文件你会发现之前不忍直视的网页变得好看了哦。给自己点个赞吧!
以上内容转自编程少年青少年编程爱好者学习交流社区 - 编程少年
*请认真填写需求信息,我们会在24小时内与您取得联系。