我是靠谱客的博主 慈祥月饼,最近开发中收集的这篇文章主要介绍html中css该如何写,内部样式表css如何写?写在html哪里?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

内部样式表css如何写?写在html哪里?先看内部样式表的用法:当单个文件需要特别样式时,就可以使用内部样式表。你可以在html网页的 head 部分通过

在之间添加你要控制标签的属性和对应的值即可,如乐老师举例如下:

我随便在html网页里面写上一个h1标签和p标签,默认显示效果如图:

bc18f72e917d6aa0445a3319022d7f13.png

假设如乐老师想把h1标签和p标签的字体都变成14像素,颜色为红色,水平对齐方式为居中,代码及效果如图:

4b7f0433507748ba5deeca9c0104e060.png

css代码拆解:

同学们记住这个基本语法构成即可:选择器{属性: 值; },如果有多个属性,在{}里面添加即可,比如:选择器{属性: 值;属性: 值; 属性: 值; },例图如下:

43d13c5e8345f98976b81d3b89d756ab.png

我们在之前的《html教程》中,学会了如何使用标签来给html网页添加内容,例如上图的h1标签,如果你想使用css对这个h1标签的显示效果进行修改,则需要先选择h1,然后在{}里面添加相关的属性和属性对应的值即可,每个属性和值为一条声明,每条声明用来修改一项内容。

我们回到案例中的代码:

h1{font-size:14px;color:red;text-align:center;}

p{font-size:14px;color:red;text-align:center;}

第一个是控制字体大小的属性font-size,对应的值是14px(大小为14像素),用英文小写符号:连接,用英文小写符号;结束。

第二个是控制颜色的属性color,对应的值是red(红色),用英文小写符号:连接,用英文小写符号;结束。

第三个是控制文本水平对齐方式的属性text-align,对应的值是center(居中),用英文小写符号:连接,用英文小写符号;

符号{}前面的h1是告诉浏览器,当前html网页中的h1标签的显示效果要更改为符号{}里面的样式,同理,p{}也是一样。

同学们需要注意的是:标签要写在html的

与标签之间,而且内部样式表只对当前的html网页起作用,如果你有很多个网页都需要应用同样的样式,可以使用外部样式表,详情点击:《外部样式表css如何写?写在html哪里?》。

转载时请注明来源!首发:如乐建站之家

原文链接:

http://www.rulejianzhan.com/css/7881.html

最后

以上就是慈祥月饼为你收集整理的html中css该如何写,内部样式表css如何写?写在html哪里?的全部内容,希望文章能够帮你解决html中css该如何写,内部样式表css如何写?写在html哪里?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(66)

评论列表共有 0 条评论

立即
投稿
返回
顶部