HTML&CSS
HTML&CSS
1.超文本标记语言
主要结构<document>申明,
<html>
<head>
<title></title>
<metacharset=”utf-8” />// http-equiv="Content-Type"
<style></style>//type=”text/css”
<link></link>//rel="stylesheet" type="text/css" href=""
<script></script> //type =”text/script”
</head>
<body>
<div>
******一系列的标签******
</div>
</body>
</html>
2.常见的标签与样式
2.1常见的标签
就是网页中的一些元素,主要记住<div>,<form>, <a>,<img>, <b>, <br>,<button>,<dl>,<dt>,<dd>,<ul><li>,<ol><li>,<select>,<option>,<sub> ,<sup>,<table><caption><tr><thead><th><tbody><td>
<textarea>
<input>
<frame>
2.2常见的CSS样式
盒子模型:margin(外边距),border(边框大小),padding(内边距)
font:font-size,font-family,font-weight,letter-spacing,word-spacing,line-height
text:text-align;text-indent(缩进);text-decoration
background:background-color;background-image;background-position;background-repeat;
position:static | absolute | fixed | relative;
layout:float ;clear;display
list:list-style-image || list-style-position || list-style-type
table:border-collapse : separate | collapse;border-spacing;caption-side : top | right | bottom | left;empty-cells : show | hide;
3.样式选择器
2.1通配选择符;*{}
2.2 类选择符.类名{}
2.3包含选择符 //逻辑上选择1是选择2的祖先
选择1 选择2{}
2.4 ID选择符
#ID值{}
2.5 分组选择符 //逻辑上或,只要满足其中的一个就可以
选择1,选择2{}