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

  • 相关阅读:
    VBA操作IE
    Eclipse中Git图标表示内容
    sqldeveloper更改语言设定
    VBA-FileToFileUpdate
    VBA-UTF-8文件的操作
    Null项目参与排序
    阿里云的学生机如何开放全部端口
    .net core3.1 webapi + vue + element-ui upload组件实现文件上传
    .net core控制台使用log4net
    vue2.x中使用三元表达式绑定class的时候遇到的坑
  • 原文地址:https://www.cnblogs.com/mmnm/p/11126439.html
Copyright © 2020-2023  润新知