html5+css3部分笔记

value文本框默认值

css 样式由选择符和声明组成，而声明又由属性和值组成

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

italic斜体（用于字体本身就有倾斜的样式） oblique倾斜的字体

字体颜色（另外两种）
{
RGB颜色
这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。

p{color:rgb(133,45,200);}
每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如：

p{color:rgb(20%,33%,25%);}

十六进制颜色
这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。

p{color:#00ffff;}

}

一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用：
body{
font:12px/1.5em “宋体”,sans-serif;
}
只是有字号、行间距、中文字体、英文字体设置。

CSS规范中假设“90像素=1英寸

盒子模型：padding（内填充） margin（外边界） border（边框） 块状标签具有盒子模型

border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）

CSS3包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。
在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）

层模型有三种形式：
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed) （相对于浏览器窗口）

flex弹性盒：
1.横轴justify-content:flex-start/flex-end/center/space-between(接触两边)/space-around(与两边有间隔)
2.竖轴align-items:flex-start/flex-end/center/baseline(文字基线)/stretch(默认值，填满容器)
3.子元素占比（代码示例

flex:1

）flex属性只能是正整数，且一旦设置flex，子元素宽度属性失效

定宽块状元素两个条件：设置宽度、左右margin值且设为auto