4、rbga颜色写法rgb(0,0,0),依次为红、绿、蓝的饱和度。
常用的颜色
1、黑色rgb(0,0,0)
2、白色:rgb(255,255,255)
3、灰色:三个数字一样即为灰色,数字越大,颜色越浅
6、rgba
a:alpha:透明度:0-1
表单
<ul>无序列表:css属性:list-style修改列表样式可使用url
<li>一个列表项
1、输入框
<input typle="text">, 可使用CSS改变样式
2、密码框
<input typle="password">
3、下拉菜单
<select>
<option></option>
</select>
4.文本域
<textarea></textarea>
禁止下拉:css:resize:none
5、按钮
<botton></botton>
©;版权符号
动画:
1、定义:在短时间内快速切换连续的图片而形成的流动的画面效果。
2、动画:流畅动画,一秒24帧,。游戏:60帧非常流程。
3、帧:在动画中切换的一张图片。
css动画:
动画相关属性:css3新增
1、animation:
①基本使用animation:动画名字 动画持续时间
②animation使用步骤:1、利用@keyframes定义动画
2、给执行的动画标签添加animation css属性。
③animation-name 动画名称
animation-timing-function:属性值的改变速率:ease逐渐变慢等
animation-delay:
animation-iteration-count;循环次数
animation-direction:normal alternate
animation-play-state
2、transform:对html标签进行形式变化
①rotate():旋转:以角度为单位deg:tansform:rotate(45deg);负数 逆时针旋转
②translate():移动
tanslate(100px):向右移动100px
tanslate(100px,100px):向右同时向下移动
tanslateY(100px)向下移动
向上向左移动改为负数即可
③scale():缩放:按倍数进行缩放;scale+倍数;大于1放大。小于1缩小。
④skew:扭曲-->倾斜
skew(45deg):沿水平方向倾斜(扭曲)
skewY(45deg):研垂直方向倾斜(扭曲)
3、transition:
3.1 定义:将css属性的变化平顺过度
3.2 应用场景:使用伪类选择器时,特别是hover
3.3使用场景transition:需要过渡的css属性 过度时间
可以使用all代替所有要过度的属性
响应式布局: responsive latyout根据不同的终端类型或分辨率,执行不同的页面样式,达到自适应终端的目的,提升用户体验。(由h5引入)
其核心:媒体查询@media及宽度
pc端和手机端字体大小不用特别调整,16px在手机端阅读也合适
移动端app存在形式一共有3类
1、原生应用:native app 性能能流畅,功能强大,可以直接调用硬件接口,需经常更新
2、Web应用:web app 新能相对较差(依赖于浏览器的支持),无法直接调用硬件,无需更新,部署方便,权限小,用户信任度高。
3、混合应用:hybrid app
bootstrap 栅格系统:
1、需要使用.container和.row包裹正常元素。
2、每一行被切分为12相同宽度的大小。每一个单位宽度为总大小的8.333333%。
3、如果一行中使用15个盒子,怎么办?
4、禁止了响应式特性,因为bootstrap能够完成类似的效果。