css

最新推荐文章于 2025-05-28 16:06:45 发布

原创最新推荐文章于 2025-05-28 16:06:45 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

22 篇文章

订阅专栏

CSS概述
1、问题
1、设置页面中所有的文本颜色为红色
2、页面中所有的div里面的文本的颜色变为蓝色
3、页面中所有的div里面的文本的颜色变为绿色

HTML元素属性的弊端：
1、想完成相同效果，却要使用不同属性
2、HTML元素改变的样式可重用性不高

CSS
CSS:Cascading Style Sheets
层叠样式表，级联样式表，样式表
特点：
1、实现了网页内容与表现相分离
2、提高了代码的可重用性和可维护性

CSS与HTML之间的关系
1、HTML用于构建网页的结构
2、css负责构建HTML页面元素的样式

、HTML属性和CSS样式的使用原则
W3C建议尽量使用CSS样式取代HTML属性
1、修改文本的颜色
推荐使用css的color属性
2、修改元素的背景颜色
推荐使用css的background-color属性，如果是HTML元素所特有的属性的话，只能使用HTML元素属性
td元素属性colspan

CSS样式表达方式：
1.内联方式：
作用：将样式定义在单个的HTML元素中
语法：

<ANY  style=“内联方式”></ANY>

样式声明语法：
样式属性：属性值
eg：
1.文本颜色样式属性
color：red；
2.背景颜色样式属性
bankground-color：green；
3.文本大小的样式属性
font-size：24px；

示例

<!DOCTYPE html>
<html>
	<head>.....</head>
	<body>
		<div style="color:green;bankground-color:black;font-size:44px;>
		百度，谷歌，火狐</div>
		<div>baidu.com</div>
	</body>
</html>