电话
13363039260
Css介绍以及css调用方式
2024-01-18 15:55 小编
什么是css
层叠样式表：为网页标签添加属性的（表现），修饰 渲染 控制显示方式。
Css出现解决了 结构和表现排版混乱，把结构和表现分离了，减小单页面代码量，便于统一管理和维护。
css如何使用
在html页面中，css的使用方式：
1》 行内样式：应用样式到网页元素内，元素style属性：
style="样式名称:value;样式名称:value..."、
2》 页内样式：head body之间
<style>
</style>
type="text/css" 类型：文本编写的css
3》 外部样式：调用了 外部样式文件 ---》 .css *****
<link type="text/css" href="css/index.css" rel="stylesheet" />
type="text/css" 类型：文本编写的css
href=”样式文件的路径” 注意：路径遵循 路径规则
rel="stylesheet" 样式的引入规范
结构和表现分离的
案列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" href="css/index.css" rel="stylesheet" />
</head>
<style type="text/css">
/*样式；*/
</style>
<body>
<div style="border:1px solid #ff0000;width:200px;">aaa</div>
<div>今天天气不错</div>
</body>
</html>
Css代码
@charset "utf-8";
/* CSS Document */
div{
border:1px solid #ff0000;
}
猜你喜欢
联络方式：
13363039260
微信二维码 