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:鼠标放在图片上可以提示(图片提示符)                                 

原文地址:https://www.cnblogs.com/mmnm/p/11126439.html