我们来尝试一下,将前面做的自我介绍网页的字体设置为常用的微软雅黑字体。字体颜色的属性是color,你可以将它的值设置为你喜欢的颜色。美化网页的CSS属性有很多种类,而且方法也不只一种,在这里无法一一详述。快打开记事本为你刚刚制作的
代表HTML的头部,描述了HTML文档的各种属性和信息,包括网页的标题和CSS样式。 它通过嵌套在HTML头部的标签来控制网页内容的样式。
自我介绍
CSS 样式由选择器和声明组成网页设计制作,声明由属性和值组成。
选择器,也称为选择器,指定网页中应应用样式规则的标签。 如上例所示,网页中所有段落(p)的文本颜色都变为蓝色,而其他标签不受影响。
英文大括号“{}”中的是语句。 属性指的是字体大小、颜色、对齐方式等,值指的是字体的具体大小。 具体是什么颜色? 属性和值之间用英文冒号“:”分隔。 当有多个语句时,可用英文分号“;”分隔。
这里我们主要讲一下CSS的几个常用属性。
网页的字体属性是font-。 常用值有(宋体)、(黑体)、Yahei(微软雅黑)、KaiTi(斜体)
我们来尝试一下,将之前制作的自我介绍网页的字体设置为常用的微软雅黑字体。 整个网页的字体都包含在标签中,所以选择器就是body。
标签代码:
在浏览器中显示:
字体大小的属性是font-size,其值的常用单位是px(像素)。 px的值越大,字体就越大;
字体颜色属性是颜色,你可以将其值设置为你喜欢的颜色。
使用代码在自我介绍网页中添加段落
将字体放大一点,并将整个网页的字体颜色设置为类似于编辑器图片的蓝色。 段落的选择器是p,整个网页的选择器是body。
标签代码:
在浏览器中显示:
我们还可以为网页的某些部分添加边框。
边框样式的属性是-style。 常用的值有solid(实线)和
(虚线)
边框宽度的属性是-width,其值的常用单位也是px(像素)
边框颜色属性为-color网页设计制作,你可以将其设置为你喜欢的颜色。
我想在名称部分添加红色实线边框,因此选择器是 h1。
标签代码:
在浏览器中显示:
美化网页的CSS属性有很多种,方法也不止一种。 在这里不可能详细描述它们。 打开记事本,向刚刚创建的自我介绍页面添加一些漂亮的 CSS 样式。
双击打开html文件,你会发现以前不忍心看的网页变得更加漂亮了。 给自己点个大拇指吧!
以上内容转载自编程青春,一个面向年轻编程爱好者的学习交流社区-编程青春
document.oncopy = function() { return false; };