常用标签和样式笔记整理

注释: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图片固不固定

时间: 2024-09-28 08:19:30

常用标签和样式笔记整理的相关文章

Bootstrap页面布局8 - BS常用标签与样式

常用的Css文字标签 一. <p>文字段落Start,<strong>重要的文字</strong>,<em>倾斜的文字用来提示</em>,<abbr class='initialism' title="Content Management System">cms</abbr>是"Content Management System"的简称,文字段落End</p> 说明: 标

html Css PC 移动端 公用部分样式代码整理

css常用公用部分样式代码整理: body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 0; outline: none;} ul, ol{list-style: none;} a{color: black;text-decora

Dede常用标签整理

1.指定显示文章和栏目 指定文章{dede:arclist idlist='9,14,13,15'}<li><a href="[field:arcurl/]">[field:title/]</a></li>{/dede:arclist} 指定栏目 {dede:type typeid='1'}<a href="[field:typelink /]">[field:typename /]</a>{/

HTML常用标签整理

HTML常用标签整理 HTML常用标签整理 HTML转义字符 HTML中注释 元素类型 文本样式相关标签 分区元素 在页面中显示图片 web开发用到的图片格式 像素 链接元素 表格元素 列表元素 表单元素 form的作用 表单使用 富文本输入框可选的第三方工具 表单实现上传图片或者文件 表单实现编号 为控件分组 wireshark抓包工具 按钮元素 iframe标签 details和summary集合的效果 最后几个 参考资料 HTML转义字符 常用转义字符: < < > > 空格

对HTML的理解及常用标签使用介绍--来自我的百度前端技术学院的笔记

HTML是什么,HTML5是什么? --HTML:超文本标记语言,一种用于创建网页的标准标记语言: --HTML5:目前最新的HTML标准,包含新的元素.属性.行为,基于它们的功能特征将他们分成不同的组别: * 语义:能够让你更恰当地描述你的内容是什么: * 连通性:能够让你和服务器之间通过创新的技术方法进行通信: * 离线&存储:能够让网页在客户端本地存储数据更高效地离线运行: * 多媒体:使用video和audio成为了所有web中的一等公民: * 2D/3D绘图&效果:提供了一个更加

HTML常用标签及CSS样式选择器

HTML常用标签及CSS样式选择器 html部分 <!DOCTYPE html> <html> <head> <!--头标记 写描述性的信息(css\javaScript)--> <!--引入外部的样式文件 rel:relationship的英文缩写·REL属性用于定义链接的文件和HTML文档之间的关系 --> <link rel="stylesheet" type="text/css" href=&

HTML-学习笔记(常用标签)

本篇博客讲一讲HTML中的标签 HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的.<h1> 定义最大的标题.<h6> 定义最小的标题. <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4

struts2视频学习笔记 29(Struts 2常用标签解说)

课时28 Struts 2常用标签解说 property标签 property标签用于输出指定值: <s:set name="name" value="'kk'" /> <s:property value="#name"/> default:可选属性,如果需要输出的属性值为null,则显示该属性指定的值 escape:可选属性,指定是否格式化HTML代码. value:可选属性,指定需要输出的属性值,如果没有指定该属性,则

html常用标签学习笔记

本文内容: 常见标准属性 p div span h系列 input label form table textarea select a img ul ol 换行.水平线标签 常见标准事件属性 PS:html5新增的几个标签也比较火,后续可能会在其他博文补充. 首发日期:2018-04-01 常见标准属性: id: id一般来说是唯一的(不唯一是不符合规定的),因为是唯一的,所以可以特定的标识某一个标签.如果需要特定的使用某一个标签,可以定义id class: 是标签的类名,与id不同的是,cl