CSS基础知识

2021/6/3 18:27:46

本文主要是介绍CSS基础知识,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、CSS:层叠样式表单,是HTML语言的一种扩展。 作用:定义web页面布局以及页面中元素的显示方式; 利用CSS样式实现HTML,内容(结构)与表现(格式)的分离

内容与表现分离,也就是使用前面学习得HTML语言制作网页,使用CSS设置网页样式、风格、并且CSS样式单独存放在一个文件中,这样只要HTML文件引用CSS文件就可以了,便于后期的CSS样式的维护;

表现的统一,可以使网页的表现非常同意,并且容易修改;

丰富的样式,使得页面布局灵活;

减少网页的代码量,增加网页的浏览速度;

运用独立页面的CSS,有利于网页被搜索引擎收录;

2、背景属性(background)

CSS背景属性用于设置HTML元素的背景内容(颜色或图片)

背景属性主要包括:

background-color:设置背景颜色

background-image:设置背景图片

background-repeat:设置背景图片重复方式

background-attachment:设置背景是否随页面滚动

background-position:设置背景图片位置

3、文本颜色

color:red; <html> <style type="text/css"> .first { color: red; /* 红色 */ } .second { color: #0000FF; /* 蓝色 */ } </style> <body> <h3 class="first" >CSS 文本 ( 红色 )</h3> <h3 class="second" >CSS 文本 ( 蓝色 )</h3> </body> </html>

 



这篇关于CSS基础知识的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程