更新: 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》水平分割线