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.子元素占比(代码示例
定宽块状元素两个条件:设置宽度、左右margin值且设为auto