CSS网页布局基础、网页布局案例

可设置的CSS属性包括：
  1. 字体属性：font-family、font-style、font-variant、font-weight、font-size
  2. 文本属性：word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、text-align、text-indent、line-height
  3. 颜色及背景属性：color、background(background-color、background-image、background-repeat、background-attachment、background-position)
  4. 边框属性：border(border-top、border-right、border-bottom、border-left)(border-width、border-style、border-color)
  5. 边距属性、填充属性：margin、padding、width、height、float、clear
  6. 分类属性：display、white-space、list-style-type、list-style-image、list-style-position、list-style
  7. 鼠标属性：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文件命名规范：
  1. 全局样式：global.css；
  2. 框架布局：layout.css；
  3. 字体样式：font.css；
  4. 链接样式：link.css；
  5. 打印样式：print.css；
  6. 页　眉：header
  7. 内　容：content
  8. 容　器：container
  9. 页　脚：footer
  10. 版　权：copyright　
  11. 导　航：menu(nav)
  12. 主导航：mainMenu
  13. 子导航：subMenu
  14. 标　志：logo
  15. 标　语：banner
  16. 标　题：title
  17. 侧边栏：sidebar
  18. 图　标：Icon
  19. 注　释：note
  20. 搜　索：search
  21. 按　钮：btn
  22. 登　录：login
  23. 链　接：link
  24. 信息框：manage
  25. 搜索框：searchInput
  26. 搜索图标：searchIcon
  27. 搜索按钮：searchBtn
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
标准的XML文档语言定义：
<?xml version=”1.0″ encoding=” utf-8″?>
针对老版本的浏览器的语言定义：
<meta http-equiv=”Content-Language” content=” utf-8″ />
为提高字符集，建议采用“utf-8”。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*内部样式*/
</style>
<link rel="stylesheet" href=""><!-- 外部样式 -->
</head>
<body>
<div >
</div>
</body>
</html>
posted @ 2020-09-06 10:33  陈冲冲  阅读(125)  评论(0)    收藏  举报