常用标签和样式笔记整理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常用标签和样式笔记整理相关的知识,希望对你有一定的参考价值。

注释:html<!--内容-->

   css/*内容*/

图片:<img src="#" title="鼠标滑过显示的文本" alt="图片替换文本">title是专门做提示信息的,alt是碰到图片加载不出来的情况会有文字替代。

   图片可以自己设置宽高,致谢高或者宽,图片会等比例缩放。

链接:<a href="#" target="_blank">是新页面的打开

    <a href="javascript":;">是阻止任何跳转

锚链接的跳转(可实现返回顶部的功能):<a name="abc" id="abc">aaa</a>

      <a href="#abc">跳转到aaa</a>

表格:colspan是合并列 rowspan是合并行 cellspacing是单元格间距 cellpadding是填充单元格

表单:<form name="表单名称" method=“post/get” action=“需要提交到的处理信息的地址”>

  文本框<input type="text" />

     密码框<input type="password" />

  提交按钮<input type=“submit" />value可以输入默认值,placeholder可以输入灰色的提示信息,比方“请输入密码”

  单选按钮<input type="radio" name="属性值比方说sex" checked="checked"(默认选中) />

  多选按钮<input type=“checkbox”  disabled="disabled"(禁选) />

  下拉列表<select>

          <option></option>

              ...

      </selct>

  文本区域<textarea cols="字符宽度" rows=“行数”>

  上传文件<input type="file" />

  重置<input type="reset" value="重填" />

  按钮<input name=“名称” type="button" value="按钮内容" />

外部样式表:1)<link rel="stylesheet" type="text/css" href="css/css文件" />

      2)<style type="taxt/css">

      @import url(目标文件路径);

      </style>

常见的重置样式:*{margin=0;padding=0;}          列表里: list-style:none       a里 text-decoration:none

链接伪类选择器:link超链接的初始状态

        visited超链接被访问后的状态

        hover鼠标悬停超链接的状态

        active超链接被激活时的状态

        属性cursor:point可以把箭头变手指

文字:font-weight文字加粗 font-style可以设置文字的倾斜  font-variant:small-caps 小写字母大写化

   text-aligin水平对齐 vertical-align垂直对齐 text-indent:首行缩进,可以取负值

   line-height设置行高,注:倍行高直接写倍数的数字不用加单位。行高和容器一样可以实现垂直居中

   说明:font顺序:style/variant/weight/size/line-height

   text-decoration可以设置下划线上划线和删除线等,这些可以并列存在

   border-style可以设置边框虚线实线或者点状线

   letter-spacing控制每一个字符的间距

     word-spacing控制词与词之间的间距

   layout-flow:horizontal自左向右文本/vertical-ideographic自上而下显示文本

列表:

  list-style-img:url使用图片作为列表符号

  list-style-position:outside、inside定义列表符号的位置

  html里有序列表可以用type来确定前面的列表符号的样式

背景图片:background-color背景颜色

     background-repeat图片重复

     background-position图片位置

     background-attachment:scroll/fixed图片固不固定

以上是关于常用标签和样式笔记整理的主要内容,如果未能解决你的问题,请参考以下文章

每天一题PHP中常用的数组操作方法笔记整理

destoon6.0标签调用自己整理笔记

JS常用方法私房菜-笔记-持续整理中

git常用笔记整理

笔记整理

Redis学习笔记常用命令整理