html关于css进一步的认识

css中颜色的表示方式：

（1） 预定义颜色：blue，red，black…
（2） 十六进制颜色：#0f0f0f
（3） RGB颜色（128,0,0）全红
（4） RGBA，在RGB的基础上又添加了表示透视度的Alpha
（5） HIS：用色调，饱和度，和透明度三个分量来表示颜色
（6） HSLA：在HIS的基础上又添加了表示透明度的Alpha
代码实现：

<p style="color: blue">预定义颜色</p>
<p style="color: rgb(0,255,0);">RGB颜色</p>
<p style="color: #3a87ad;">16进制颜色</p>

背景的相关属性

Background-color：背景颜色
Background·-image：背景图片
Background-repeat：图片复制选项（repeat在水平，垂直两个方向复制）
								（repeat-x/y在水平/垂直方向进行复制）
								（no-repeat  不复制）
Background-position：图片所在位置 上top 下bottom 左left 右right
简写：将所有元素放在一起
		有顺序要求：背景颜色->背景图片->重复方式->所在位置
Background：url ( img /pic.jpg)	#87CEEB repeat-y right

尺寸的相关属性

（1）	固定高度和宽度（height：200px）
（2）	自适应高度（高度会随着内容的增加而增加）
（3）	指定最大高度max-height（内容增加到指定高度的时候不再增加）
（4）	指定最小高度min-height(开始高度固定，内容增加到一定高度的时候开始增加高度)

显示相关属性

（1）visibility：hidden 仅仅隐藏内容，该元素所占位置依然存在
（2）display：none 不仅隐藏内容，而且隐藏位置
		display：inline 将块级元素以内联元素形式显示，此时宽，高等属性对其无效
		display：inline-block：将块级元素以内联元素形式显示并且具有块级				元素的特征，宽，高属性依然有效
		display：block 将内联元素以块级元素得形式显示

盒子模型

Margin：外边距
margin-top（上）margin-bottom（下）margin-left（做）margin-right（右）
使用方式：
（1） margin：30px，表示上下左右外边距都是30px
（2） margin-left：30px，表示距离左方30px
（3） margin：10px 20px 30px 40px，分别表示上右下左的边距，顺序按照顺时针方向
（4） margin：20px 30px，表示上下边距20px，左右边距30px
padding:内边距
与margin类似
border:边框

.box{
        overflow: hidden;
}


<div class="box">
    <div class="div1">Web1前端</div>