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

2024-02-17 18:45:40

可设置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文档语言定义：
<?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 style="内联样式">
</div>
</body>
</html>

码农公寓

相关文章