Zs_tyro-优快云博客

原创 # JavaScript初体验

JavaScript初体验JavaScript简介web前端有三层：html 页面结构css 页面样式javascript 行为（与用户交互）用途：数据验证网页特效游戏开发动态加载数据node.js开发服务器手机app为什么要学习JavaScript在web前端里，JavaScript能跨平台，跨浏览器驱动页面，与用户交互。它的功能很强大，用途很广泛。它有着很大的社区，广泛的图书与文献，代码资源丰富。JavaScript简介JavaScript 一

2020-12-29 19:17:12 220

原创 # 弹性盒子

弹性盒子弹性盒子与弹性元素弹性盒子：指的是使用display：flex或display：inline-flex声明的容器。弹性元素：指的是弹性盒子中的子元素。弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。主轴与侧轴（交叉轴）主轴方向：为子元素排列的方

2020-12-21 20:25:18 204

原创动画与滤镜

动画与滤镜动画1.通过@keyframs定义动画。2.在指定元素中，通过animation属性来调用动画。1.定义动画格式： @keyframes 动画名 { from{ /* 初始帧 */ } to{ /* 结束帧 */ } } @keyframes move { 0%{ /* 初始帧 */

2020-12-17 20:10:18 167

原创 # 2D,3D转的呈现

2D,3D转的呈现2D呈现w3c会员：各大互联网巨头它设定了整个平台的规则，监督整个过程。现在学习的是css2.1 但是到css3时，就要考虑兼容性问题。浏览器前缀谷歌苹果 -webkit-火狐 -moz-IE -ms-欧朋 -o-sass过渡，2D转换 transition 过渡：之前：元素从一个状态到另外一个状态（hover）直接切换，从开始状态到结束状态瞬间完成，中间过程几乎不可见。 css3新增了过渡这个属性，可以实现元素不同状态之间

2020-12-17 14:03:27 161

原创父类塌陷（清除浮动）与定位

父类塌陷（清除浮动）与定位父类塌陷（清除浮动）方法1：给父元素设置高度（不推荐）不推荐不推荐理由：不能把高度固定死，不适合做自适应的效果。方法2：父元素添加浮动（不推荐）理由：会影响后面的元素布局。方法3：添加overflow：hidden（不推荐）添加overflow：hidden之后，父盒子会拥有BFC属性。不推荐优点：简单缺点：内容比较多的时候，容易造成内容被隐藏。方法4：设置父盒子为行内块（不推荐）不推荐理由：会影响后面的元素布局。方法5：专门清除浮动的属性：clear

2020-12-10 20:08:06 309

原创 # 盒模型以及标准文档流

盒模型以及标准文档流盒模型定义盒子：容器盒子模型英文：box model。最常见的盒子是div span盒子区域content1.宽 width px content2.高 height content3.内边距 padding4.边框 border5.外边距 margin【注】标准盒模型的宽和高和盒子真实占有的宽高不是一个概念。【注】盒子的宽不设置时，默认为100%；但是宽度一般会做设置，高度却不一定。盒子真实占有的宽：内容的宽+左padding+右padding+

2020-12-09 20:56:12 310

原创 CSS的继承性和层叠性以及文字样式

CSS继承性和层叠性继承性有一些属性给父类或祖先元素设置后，其后代元素也会继承该样式，这就叫做继承性。继承性是当前元素开始，一直到最小的元素。后代元素能够继承来自祖先元素的文字样式。这些属性包括：color，text-开头，line-开头的，font-开头的。关于盒子、定位、布局的属性，不能被继承。层叠性样式表：行内式>内嵌式与外链式（就近原则）选择器：ID选择器>类选择器>标签选择器复杂选择器权重的计算比较数基础选择器

2020-12-08 20:47:32 140

原创 CSS的选择器

选择器的功能：选中要添加样式的标签元素。什么是标签选择器？通过标签名直接选择相应的标签。不管有多复杂的嵌套关系，标签的位置就算藏得很深，依然可以被标签选择器命中。格式：标签名{ 声明; } 标签选择器的作用： 1.利用标签选中所有的特性，进行默认样式的清除。 2.复杂选择器中一部分使用。ID选择器ID选择器作用：选中页面中唯一的一个标

2020-12-07 19:18:11 223

原创 HTML初学者02

HTML初学者020基础入门学习第二天，今天学习了一些更多的基本知识。学习了超链接明白了页面之间是如何通过文字或是图片做到跳转的效果，学习了用HTML制作表格以及合并单元格。下面分享一下今天学习的知识点：超链接 a标签：anchor 又叫作锚属于双标签,其作用就是控制页面之间的跳转，用于从一个页面跳转到另一个页面。他的格式是需要展示给用户看的内容常用属性：href:规定链接跳转到指定页面的URLurl可以是外部链接 eg：https://www.pay.qq.com 注意：域名前需要添加ht

2020-12-03 20:10:03 162

原创 # HTML初学者

HTML初学者对HTML基础了解1、HTML的概述：html全称为HyperText Markup Language，译为“超文本标记语言”，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。普通文本：只包含文字。富文本：图片，文字简单的样式。超文本：可以连接到其他文档的文本（音频，视频，图片等）。标记：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成 “标记内容的语义”。作用：HTML是负责描述文档语义的

2020-12-02 19:38:48 266

Zs_tyro的博客