使用CSS美化网页

最新推荐文章于 2024-02-05 16:08:07 发布

小贾爱编程

最新推荐文章于 2024-02-05 16:08:07 发布

阅读量793

点赞数 1

分类专栏： .NET 文章标签：使用CSS美化页面

本文链接：https://blog.csdn.net/qq_37589387/article/details/88657177

版权

CSS，全称Cascading Style Sheets，用于控制Web页面的外观，提供了一种独立于内容来定义网页布局和样式的机制。通过行内样式、内嵌式和外链式等方法应用CSS，能实现网页的个性化美化。行内样式优先级最高，接着是内嵌式和外链式。在实际开发中，推荐选择1-2种样式引入方式以利于管理和防止冲突。内嵌式和外链式是常用的CSS应用方式。

摘要由CSDN通过智能技术生成

CSS的概念

Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”：是一组格式设置规则，用于控制Web页面的外观。

样式表的作用：根据用户的体验美化网页（内容不变外观可随时修改）

结论：HTML决定网页的结构和内容，CSS决定浏览器如何显示HTML代码

行内式：在HTML标签的style属性中编写CSS代码

示例：<input type="text" name="txtUserName" size="20" style ="border:1px;background-color:yellow"/>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form action=" " method="post" name="myform">
			<input type="text" name="txtUserName" size="20" style="border:1px solid blue;background-color:yellow" />
		</form>
	</body>
</html>

内嵌式：在<head></head>中编写CSS代码