css基础1

1、css常见标签：

<strong>/<b>:加粗           <em>/<i>:倾斜            <del>/<s>:删除线           <u>/<i>:下划线

<p>:段落标签                   <hr>:分隔符                 <br>:换行                      <sub>:下标

<sup>:上标                        &lt;    <                         &gt;   >                          &copy ®

&reg; ©                              &nbsp; 空格/

2、常见的行内样式：

<style="border-left: 1px solid #000">  设置左边框线的宽度、样式、颜色

<style="list-sytle:none；">去掉li前面的圆点，（后面会提到）

align:（left  /   right  /  center）;设置文本水平对齐方式：左对齐、右对齐、居中；

valign:(top  /   middle  /  bottom);设置文本垂直对齐方式：向上、 居中、向下；

3、表格样式：

<caption>表标题标记  {注：默认加粗和居中}

cellspacing:单元格与单元格的间距                      cellspdding:单元格与内容之间的间距

width： 单元格宽度                          height ：单元格高度                        border：单元格边框   

frame ：表格外边框风格  ——   void ：不显示                above ：顶部显示            below ： 底部显示          hsides：左部和顶部显示         vsides ：右边和底部显示

                                                   lhs  ：左边框显示           rhs ：右边框显示            border：全显示(默认 )

rules ： 标尺风格       ——          none：不显示           rows：显示行           cols：显示列          groups：显示行和列         all：全显示

单元格合并：行合并< td   rowspan="   "></td>        列合并< td   colspan="   "></td> 

使用方法：行间样式 eg： width=20；  height=20；  border=1px;    frame=void;    rules=none;

4、表单样式:

text ：文本框标记按钮         password：密码输入标记按钮       hidden：隐藏标记按钮         CheckBox：复选框标记按钮       

radio：单选框标记按钮             select：下拉框标记                   option： 下拉框选择标记           button：通用按钮             

file：文件传输控件标记按钮         reset：重置标记                    submit：提交按钮                       image：图片形象提交按钮

一般标记使用方法：      eg：<input    type="text"   value="  " name="  " />        <input   type="submit"  value="提交">

下拉框标记使用方法:    <select    name="  ">

                                               <option>文本<option>

                                               <option>文本<option>

                                                              .......

                                       </select>

maxlength：设置文本的长度             selected=“selected” ： 默认选择的内容        textarea：多行文本框标记——使用方法：<textarea> 内容</textarea>

5、几个列表样式:

有序列表：< ol >                                            无序列表：< ul >                                     定义列表：< dl >

                       < li>内容< /li >                                             < li >内容</ li >                                          < dt > 内容 < dt > 

                       < li>内容< /li >                                             < li >内容< /li >                                           < dd > 对内容的解释< /dd >

                 </ol>                                                             </ol>                                                            </dl>

 6、几大标记

     1、span(文本块标记)     例：<span  style="color:red ; font-weight:bold;">

     2、h1— h6(标题标记)    例：  <h1>内容</h1>     <h2>内容</h2>......<h6>内容</h6>

     3、A(超文本链接标记)    例：<a  href=" http://www.baidu.com">用百度搜搜</a>

     4、img( 图像标记 )         例 ： <img  src=" 图片地址"  alt="  "    title="  ">       

                                                   alt：当图片展示出错时的文字信息（图片占位符）         

                                                    title：鼠标放在图片上可以提示（图片提示符）