更新: 2017/06/09
最近网页开发,一直会查html和css
感觉之前写的这个太杂了,现在主要是先查这个博文,然后查文档。
 
-----------------------------------------------------------
由于目前属于自用笔记,格式只求自己看懂,以后有空再改
学习笔记,偶尔会有个人觉得重要的CSS内容也一起放里面了,以后有时间在专门弄个CSS笔记
主体 
(!doctype html)  
html  title meta
head 
body
结构 
header 
footer 
article 
aside 
section
nav
选定 
div division(分割)
文章与段落
h1 h2 ...
p small strong
 
列表
ol   Ordered
List 
ul Unordered List 
li List item

表格

table Table
表格结构
thead Table Head
tbody Table Body
tfoot Table Foot
表格内容
tr
 Table Row   
 rowspan colspan  
(行列单元格合并)

th Table
Header   rowspan colspan  
     
     
     
  col:Column

td Table Data

表格符号样式 list-style-type

值 描述
none 无标记。
disc 默认。标记是实心圆。
circle 标记是空心圆。
square 标记是实心方块。
decimal 标记是数字。
decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)
lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman 大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek 小写希腊字母(alpha, beta, gamma, 等。)
lower-latin 小写拉丁字母(a, b, c, d, e, 等。)
upper-latin 大写拉丁字母(A, B, C, D, E, 等。)
hebrew 传统的希伯来编号方式
armenian 传统的亚美尼亚编号方式
georgian 传统的乔治亚编号方式(an, ban, gan, 等。)
cjk-ideographic 简单的表意数字
hiragana 标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)
katakana 标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)
hiragana-iroha 标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)
katakana-iroha 标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)
 
图片 
figure 
img  src(source)alt(????text) width
height
figcaption 

时间

time

   2017-03-29
  +  12:36(:24)(+08:00)
  =  2017-03-29
T12:36(:24)(+08:00) 
     
     
    日期  
     
      时间
     
  秒    
     时区
     
     
     
   日期T时间
时间数据
float 要素左右配置(浮动) left right none
 
clear 解除float设定  left right both none
 
section:after 本section最后的要素后(本section内部!!!)
 
字体
font-width
normal  普通
bold 粗体
bolder  更粗
lighter 比普通细 sougo

text-decoration

none
默认。定义标准的文本。

underline
定义文本下的一条线。

overline
定义文本上的一条线。

line-through
定义穿过文本下的一条线。

blink 定义闪烁的文本。
inherit

元素显示

block   块级元素
inline  内联元素

box-sizing

content-box
  框在内容(padding里面)

border-box
 
 框在外边(不包含margin,只到框)

inherit
  继承

position http://www.w3school.com.cn/cssref/pr_class_position.asp

static 默认,
没有定位

absolute
绝对,(非static的第一个父元素,没有的话按窗口距离)

fixed
 绝对,浏览器窗口,页面滚动后位置也不变。各种弹窗广告专用233333

relative
相对自己

opacity  透明度 (0~1)

z-index

值 描述
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。
inherit 规定应该从父元素继承 z-index 属性的值。

选择器
  first-child

nth-child()

normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。 
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。 
pre-wrap 保留空白符序列,但是正常地进行换行。 
pre-line 合并空白符序列,但是保留换行符。 
inherit 规定应该从父元素继承 white-space 属性的值。
 

text-decoration

none 默认。定义标准的文本。 
underline 定义文本下的一条线。 
overline 定义文本上的一条线。 
line-through 定义穿过文本下的一条线。 
blink 定义闪烁的文本。 
inherit 规定应该从父元素继承 text-decoration 属性的值。
 

meta

必需的属性

属性 值 描述
content some_text 定义与 http-equiv 或 name 属性相关的元信息

可选的属性

属性 值 描述
http-equiv
  • content-type
  • expires
  • refresh
  • set-cookie
把 content 属性关联到 HTTP 头部。
name
  • author
  • description
  • keywords
  • generator
  • revised
  • others
把 content 属性关联到一个名称。
scheme some_text 定义用于翻译 content 属性值的格式。
 
背景图片
background-image:
url("../images/ico_pagetop.png");
background-repeat:
no-repeat; 
 
《hr》水平分割线
 

html标签英文全称的更多相关文章

  1. HTML常用标签及其全称

    <a href="#">a 超级链接(anchor)</a>     <abbr title="abbreviation的简写"& ...

  2. 常用HTML标签的全称及描述

    常用HTML标签的英文全称及简单描述   HTML标签 英文全称 中文释义 a Anchor 锚 abbr Abbreviation 缩写词 acronym Acronym 取首字母的缩写词 addr ...

  3. Linux常用命令英文全称与中文解释Linux系统

    Linux常用命令英文全称与中文解释Linux系统(转)   Linux常用命令英文全称与中文解释Linux系统 man: Manual 意思是手册,可以用这个命令查询其他命令的用法. pwd:Pri ...

  4. LInux命令英文全称

    Linux命令英文全称   su = Swith user 切换用户,切换到root用户cat = Concatenate 串联uname = Unix name 系统名称df = Disk free ...

  5. Linux 命令英文全称

    Linux 命令英文全称 linux 命令 英文全称 sudo superuser do su swith user df Disk free,空余硬盘 du Disk usage,硬盘使用率 noh ...

  6. 【Linux】unix/Linux常用命令英文全称

    英文全称解释更容易理解 知其然,更要知其所以然 man: Manual 意思是手册,可以用这个命令查询其他命令的用法. pwd:Print working directory 显示当前工作路径. su ...

  7. Linux常用命令英文全称与中文解释 (pwd、su、df、du等)

    https://blog.csdn.net/qq_40334837/article/details/83819735 Linux常用命令英文全称与中文解释 apt: Advanced Packagin ...

  8. 化学元素周期表的英文全称 Periodic Table of the Elements

    化学元素周期表的英文全称 Periodic Table of the Elements   缩写 PTE 拉丁文 英文 1 H 氢 Hydrogenium Hydrogen 2 He 氦 Helium ...

  9. eq=等于gt=大于lt=小于的英文全称

    EQ: Equal GT: Greater Than LT: Less than 知道全称就不会忘记

随机推荐

  1. MYSQL 5.6修改密码

    忘记了超级用户root密码的时候怎么办呢? 1. 修改配置文件跳过密码 (1)编辑mysql主配置文件my.cnf # vim /etc/my.cnf 在[mysqld] 字段下添加参数 skip-g ...

  2. python 修饰符(转载)

    首先一个修饰符的实例: #!/usr/bin/env python def run(fn): def do_hello(): print "begin..." fn() print ...

  3. NVIDIA GPU架构与原理分析(一)——GPU简介与主流Fermi、Kepler架构GPU概述

    1 GPU简介 图形处理单元GPU英文全称Graphic Processing Unit,GPU是相对于CPU的一个概念,NVIDIA公司在1999年发布GeForce256图形处理芯片时首先提出GP ...

  4. Linux中ctrl+z 、ctrl+c、 ctrl+d差别

    ctrl+c,ctrl+d,ctrl+z在linux程序中意义和差别 ctrl+c和ctrl+z都是中断命令,可是他们的作用却不一样.   ctrl+c是强制中断程序的运行,,进程已经终止.   ct ...

  5. PHP基础函数、自定义函数以及数组

    2.10 星期五  我们已经真正开始学习PHP 了,今天的主要内容是php基础函数.自定义函数以及数组, 内容有点碎,但是对于初学者来说比较重要,下面是对今天所讲内容的整理:  1 php的基本语法和 ...

  6. EasyDarwin开源流媒体社区视频教程

    EasyDarwin开源社区出视频教程了,经过几个深夜的努力,终于将第一次课程的5个课时的视频教程录好<EasyDarwin开源流媒体服务器:编译.配置.部署>,EasyDarwin后面会 ...

  7. EasyPusher/EasyDarwin/EasyPlayer实现手机直播版本及效果整理

    EasyPusher手机直播 实现功能 最近很多EasyDarwin爱好者提出了手机移动端直播的功能需求,尤其是如何做出像映客这样能够快速出画面播放的效果,经过一段时间的移动端和服务端的优化,Easy ...

  8. Interface AutoCloseable

    https://docs.oracle.com/javase/tutorial/essential/exceptions/try.html https://docs.oracle.com/javase ...

  9. Interpreter Pattern

    1.Interpreter模式的目的就是提供一个一门定义语言的语法表示的解释器,然后通过这个解释器来解释语言中的句子. 2.Interpreter模式结构图 3.实现 #ifndef _CONTEXT ...

  10. RNN 的入门程序DEMO

    1.视频介绍 https://www.youtube.com/watch?v=cdLUzrjnlr4 2. https://github.com/llSourcell/recurrent_neural ...