CSS网页布局基础、网页布局
时间:2023-09-06 23:54:01 | 来源:网站运营
时间:2023-09-06 23:54:01 来源:网站运营
CSS网页布局基础、网页布局:
可设置的CSS属性包括:- 字体属性:font-family、font-style、font-variant、font-weight、font-size
- 文本属性:word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、text-align、text-indent、line-height
- 颜色及背景属性:color、background(background-color、background-image、background-repeat、background-attachment、background-position)
- 边框属性:border(border-top、border-right、border-bottom、border-left)(border-width、border-style、border-color)
- 边距属性、填充属性:margin、padding、width、height、float、clear
- 分类属性:display、white-space、list-style-type、list-style-image、list-style-position、list-style
- 鼠标属性:auto、crosshair、default、hand、move、e-resize、ne-resize、nw-resize n-resize、se-resize、sw-resize、s-resize、w-resize、text、wait、help
CSS文件命名规范:
- 全局样式:global.css;
- 框架布局:layout.css;
- 字体样式:font.css;
- 链接样式:link.css;
- 打印样式:print.css;
- 页 眉:header
- 内 容:content
- 容 器:container
- 页 脚:footer
- 版 权:copyright
- 导 航:menu(nav)
- 主导航:mainMenu
- 子导航:subMenu
- 标 志:logo
- 标 语:banner
- 标 题:title
- 侧边栏:sidebar
- 图 标:Icon
- 注 释:note
- 搜 索:search
- 按 钮:btn
- 登 录:login
- 链 接:link
- 信息框:manage
- 搜索框:searchInput
- 搜索图标:searchIcon
- 搜索按钮:searchBtn
- <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
- <?xml version=”1.0″ encoding=” utf-8″?>
- <meta http-equiv=”Content-Language” content=” utf-8″ />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*内部样式*/
</style>
<link rel="stylesheet" href=""><!-- 外部样式 -->
</head>
<body>
<div style="内联样式">
</div>
</body>
</html>