NoKris的博客

​ CSS3变形是一些效果的集合，如平移、旋转、缩放、倾斜。​ 向量的方向和我们学的数学有点差别，X轴一致，Y轴是相反的。​ 向量坐标系如下图所示：​ 动画和变形重要的区别是：动画有过渡时间，而变形是直接展现的。​ 那我们怎么调用关键帧呢？下面是语法部分。属性值介绍：大家动手试试才能体会到动画的快乐，学完动画HTML和CSS就算结束了。...

​ 我们平时用的网站大部分都是1-n-1的布局。例如下图：​ 上图就是一个1-3-1的布局，上面有一个部分是导航栏，中间有三个部分，下面有一个部分，这就是1-3-1布局。而我们经常见到的一般都是1-n-1的布局。标准文档流的构成我们已经了解清楚的，是由块级元素和行内元素构成，那么我们可以将行内（内联）元素和块级元素相互装换吗？答案是可以。​ 应用场景：​ 是我们在布局的时候经常使用的属性，使用完float之后就会脱离标准文档流，相当于浮了起来，和不浮动的元素已经不再一个平面。​ 当我们用块级元素包裹的所有元

​ 当我们没有设置，或者设置为static的时候，会以标准文档流的形式排列。示例：​ 绝对定位的使用和相对差不多，但是有不同的规律。示例：​ 固定定位类似绝对定位，不过区别在于定位的基准不是祖先元素，而是浏览器窗口。他会随着下拉跟随窗口移动。​ 1.相对定位：​ 2.绝对定位：​ 3.固定定位​ 我们学完z-index和透明度，我们就可以做出来下图效果：页中的元素都含有两个堆叠层级:...

​ 盒子模型就如图片所示，它有高和宽，有外边距，边框，内边距和网页元素构成的一个整体。接下来我们就着重介绍一下上面的几个概念。​ 边框分为上，右，下，左四个部分，我们都可以单独设置边框的颜色，粗细，样式等风格。下面我们先来看颜色。​ 边框的所有属性都可以分成四个部分设置，格式：。​ 调整边框粗细，我们用,这个属性的属性值有两种写法。​ 边框样式有很多种，我们只说常用的几种。​ 效果图：​ 效果图：​ 盒子阴影和字体阴影有些许相似。lur-radius color;...

​ 在学习字体样式之前，我们先了解几个标签。​ CSS的属性很好学，只需要自己动手试一下知道效果就好了。​ 示例如下：​ 上面示例让a标签被点击后，颜色变为，拥有下划线。o top|bottom）, color1, color2,…)......

​ 语法我们在初始CSS①中已经提到了，接下来会逐一说明其用法。​ **用法：**把HTML标签作为标签选择器的名称​ 示例：​ 其中就是标签选择器，是属性，就是值，这个CSS样式代表把所有标签里面的文字大小改变为16（像素）。​ 用法：标签内容​ 示例：​ 其中就是类选择器，是属性，就是值，这个CSS样式代表把所有标签属性class=的标签内容字体大小改变为16（像素）。​ 用法：标签内容​ 示例：...

​ 引入方式共有三种。​ 1.行内样式​ 在标签中使用style属性引入CSS样式的方式是行内样式，示例如下：​ 2.内部样式​ CSS代码写在的标签中是行内样式​ 示例如下：​ 3.外部样式​ CSS代码保存在扩展名为的样式表中，HTML文件引用扩展名为的样式表，有两种方式：​ 链接式示例：​ 导入式示例：六，CSS样式优先级​ CSS样式优先级如下：​ CSS是由两大部分知识组成，一是选择器，二是属性和属性值，选择器我们会在下篇讲解。...

HTML 是用来描述网页的一种语言HTML代码经过浏览器翻译显示页面我们尽量选择稳定而且浏览器完全支持的HTML版本，这样我们做出来的东西才能让大部分市场去用，会更有市场需求。1.世界很多知名浏览器厂商都支持HTML 52.如上面所说的，世界上有很多知名厂商支持 HTML5，所以就带来了更多市场的需求3.跨平台：​ 例如：安卓端的淘宝首页，因为需要经常修改，并且需要修改方便，首页便是使用了HTML，所以HTML是可以跨平台的。现在的浏览器大部分网址都是以 www. 开头,但是也可以不使用 www.

​ 在head的标签一般都是和网页信息相关​ 使用这个标签会把文本内容展示到浏览器页面头部的网页名称处，如下图所示：​ 使用meta标签一般设置网页编码，搜索关键字，内容描述等；​ 代码：​ 运行结果：​ ​ 每个国家的语言都会有一种对应的编码，我们国家的是 GBK，但是我们一般用国际编码UTF-8，使用这两个编码一般都不会乱码。.........

​ 主要内容：有序列表，无序列表，定义列表；表格的使用，表格的跨列跨行，表格属性；video和audio；HTML5的结构元素；iframe内联框架。

三，表单元素形式1.通用形式​ 1.表单都是多个标签配合使用，例如：​ input标签type属性有很多值的类型如下：​ 单标签input其他属性：​ textarea标签可以生成一个文本域。拖拽右下角可以变换长宽。​ select和字标签option标签配合使用，页面显示为下拉框，下拉框的内容写在option双标签中间。例如：4.表单元素的标注1> 表单元素标注的目的​ 我们所遇到的表单，一般都可以通过点击描述文字，就可以选中元素，而并不用点击元素，例如：​ 我们只需要点击男，就可以让小