css3总结

css五种定位static 定位：HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。div.static { position: static; border: 3px solid #73AD21; } fixed 定位（固定定位 界面往下拉也不会动）元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动p.pos_fixed { position:fixed; top:30px; right:5px; } relative 定位（相对定位相对原先的移动多少）相对定位元素的定位是相对其正常位置。h2.pos_left { position:relative; left:-20px; } <h2 class="pos_top">这个标题是根据其正常位置向上移动</h2>absolute 定位（绝对定位 可以放在任何位置）指定存放位置sticky 定位（粘性定位）随滚动条滚下到达底端或顶端时一直在顶端或底端css选择器1.*{ background-color:yellow;} /*选择所有元素并设置背景色为黄色*/2.div *{ background-color:yellow;} /*选择div中的所有元素*/3.    .class选择器.intro{background-color:yellow;}<div class="intro"><p>My name is Donald.</p><p>I live in Duckburg.</p></div>p.hometown{ background:yellow;}<p class="hometown">I live in Ducksburg.</p>分组选择器：样式相同的多个元素可以用,隔开如h1,h2,a,{color:yellow;}CSS颜色十六进制颜色＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。<p例如，＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。 RGB颜色RGB（0,0,255），RGB（0％，0％，100％）。RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。RGBA颜色RGBA颜色值指定：RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。HSL颜色HSL颜色值指定：HSL（色调，饱和度，明度）。色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点;0％是黑色的，100％是白色的。HSLA颜色指定HSLA颜色值：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。预定义颜色https://www.runoob.com/cssref/css-colornames.html浮动CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。当空间不够时自动填充到下一行clear:both;清除浮动指定元素两侧不能出现浮动元素直接在规定的属性中加入    float:dirCSS3动画属性      描述@keyframes规定动画。