html笔记

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>

&copy；版权符号

 

动画：

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能够完成类似的效果。