大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

style

style /stail, staɪl/ n. & v.(第三人称单数:styles;过去分词:styled;复数:styles;现在进行时:styling;过去式:styled)

29three.js 加载FBX动画

29three.js 加载FBX动画 图片.png 来源与官网,代码如下: 2-1three.js FBX loader body { font-family: Monospace; background-color: #000; color: #fff; margin: 0px; overflow: hidden; } #info { color: #fff; position: absolute; top: 10px; width: 100%; text-align: center; z-index: 100; display:block; } #info a { color: #046; font-weight: bold; } if ( !

26three.js开发魔方(二)

26three.js开发魔方(二) image.png 好久没有写代码了。复习一下。基本功能 1-1threejs基本场景 body { margin: 0; scene = new THREE.Scene(); camera = new THREE.PerspectiveCamera(45, width / height, 0.1, 1000); camera.lookAt(scene.position); renderer = new THREE.WebGLRenderer(); var cube = new THREE.Mesh(cubeGem, cubeMer); scene.add(amblight); var spotlight = new THREE.SpotLight(0x888888); function render() { requestAnimationFrame(render); cube.rotation.y += 0.01;

33three.js用骨骼蒙皮创建动画

var scene,camera,renderer,light,controls; mesh = new THREE.SkinnedMesh(geometry,material); scene.add( skeletonHelper );rotation.set(0, 0, pos);appendChild(renderer.domElement); var plane = new THREE.Mesh(planeGeo,planeMat); var cube = new THREE.Mesh(cubeGeo,cubeMat); function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; render();

完美解决,浏览器下拉显示网址问题 | 完美解决,使用原生 scroll 写下拉刷新

pages { overflow: auto; -webkit-overflow-scrolling: touch;//只需要加这个属性就可以在非 body 元素中,有惯性滚动的感受 } 当然在 iphone 中还有过顶回弹,安卓中就没这等福利了 下面进入主题 完美解决,浏览器下拉显示网址问题 首先来说 iphone,在 iphone 中,div 只要加了 overflow: auto;scrollTop() 用上面的方法,弄一个下拉刷新 直接上demo temp html,body,.

Blue教程汇总

Blue教程汇总 【JavaScript从入门到精通】第二十四课 JS面向对象基础-01 【JavaScript从入门到精通】第二十三课 AJAX中级 【JavaScript从入门到精通】第二十二课 AJAX基础 【JavaScript从入门到精通】第二十一课 JS事件中级 【JavaScript从入门到精通】第二十课 JS事件基础 【JavaScript从入门到精通】第十九课 JS运动中级 【JavaScript从入门到精通】第十八课 JS运动应用-02 【JavaScript从入门到精通

css3学习--css3动画详解二(3d效果)

css3学习--css3动画详解二(3d效果) 一.设置3D场景 perspective:800 //浏览器到物体的距离(像素) perspective-origin:50% (x轴) 50% (y轴) //视点的位置 transform-style: preserve-3d; 示例: #experiment{ -webkit-perspective: 800; -webkit-perspective-origin: 50% 50%;block{ width:500px; text-align:center; line-height:450px;/*牢记居中用行高 */ font-size:100px; background-color:burlywood; margin:100px auto; transform:rotatex(45deg);image.png image.png

less全知全解

less全知全解 一.简介 1.less是什么   Less 是一门 一种动态样式语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node和浏览器上。 如以下的less代码: @base: #f938ab;bordered class里面的属性样式都会在 #menu a 和 .boxShadow(@x:0,@y:0,@blur:1px,@color:#000){ -moz-box-shadow: @arguments;max (@a, @b) when (@a 0) { .

webpack+es2015+react+Ant Design纲领

webpack+es2015+react+Ant Design纲领 最近TWaver 3D机房项目打算使用Ant Design来重构后端管理页面,Ant Design 团队不是很熟悉,webpack react等用的不多,所以自己花了一天时间,把相关知识点撸了一遍,给团队做了个培训。 下面主要是一个培训的纲领,整个流程可以通畅的跑下来; 主要是webpack+es2015+react+Ant Design。 当然,ant design 自己有一套框架 打包平台,有兴趣的也可以研究。 官方文

10. CSS 排版

10. CSS 排版 1、标准流(文档流/普通流) 默认排版 CSS的元素分为块级、行内、行内块级 块级是垂直排版,行内、行内块级是水平排班 display属性 inline 行内 inline-block 行内块级 block块级 2、浮动排版 float属性 水平排版,只能设置元素左对齐或者右对齐 margin:0 auto 无效 不区分块级、行内、行内块级元素 3、浮动元素脱标 .box1{ width: 100px;box2{ background-color: darkgrey; height: 20px;

6. CSS 三大特性

} p{ color: darkorchid !把我变成什么样,你就是老大 3、important 可以直接提升优先级 important提升优先级 #identity{ color: green;把我变成什么样,你就是老大 4、权重优先级 选择器id多的优先级高 id一样多,的再看类名,类名多的优先级 同上同理id 类名 标签个数 如果以上所有的都是一样的,则按照前后顺序,后面的覆盖前面同样的设置。

4. CSS 字体

4. CSS 字体 1、字体属性 标签 描述 font 简写属性。作用是把所有针对字体的属性设置在一个声明中 font-family 设置字体系列,斜体等等 font-size 设置字体的尺寸 font-style 设置字体风格 font-variant 以小型大写字体或者正常字体显示文本 font-weight 设置字体的粗细 2、注意点 p{ font: bold italic 100px "楷体'";

2. CSS 基础语法

2. CSS 基础语法 CSS有两个主要的部分构成:选择器(elector),以及一条或多条声明(declaration) elector { declaration1; declaration2; declarationN; } 声明:由一个属性和一个值组成 属性(property)就是设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。 selector { property: value;CSS基本格式 p{ text-align: center; color: green; font-family: "微软雅黑"; font-size: 20px;

1. CSS 简介

1. CSS 简介 CSS的由来 HTML 标签原本被设计为用于定义文档内容。通过使用 、 、 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。 由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档

3-16. CSS的创建和格式

3-16. CSS的创建和格式 如何插入样式表?当读到一个样式表时,浏览器会根据它来格式化 HTML 文档的)头部: 浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。 外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子: hr {color: sienna;} p {margin-left: 20px; font-size: 20pt;

4-1. 选择器

4-1. 选择器 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 格式: 选择器:{声明1;}*/ selector {declaration1; declaration2; declarationN } 图片.} h1 是选择器,color 和 font-size 是属性,red 和 14px 是值 http://www.w3school.com.cn/cssref/css_selectors.asp

4-3. 标签选择器/元素选择器

4-3. 标签选择器/元素选择器 1、元素 HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码,HTML 文档} 注意点: 1.标签/元素选择器选中的是当前界面中所有的标签/元素, 而不能单独选中某一个标签/元素。 2.标签/元素选择器无论标签/元素藏得多深都能选中 3.只要是HTML中的标签/元素就可以作为标签/元素选择器(h/a/img/ul/ol/dl/input....) Title p { color: red;

4-9. 交集选择器

4-9. 交集选择器 1、 给所有选择器选中的标签中, 相交的那部分标签设置属性 2、链接符:无 3、格式 选择器1选择器2{ 属性: 值; } 4、注意点: 选择器和选择器之间没有任何的连接符号 选择器可以使用标签名称/id名称/class名称 交集选择器仅仅作为了解, 企业开发中用的并不多 Title p.choose{ /* p标签中类名为choose的标签*/ color: red;

4.10 并集选择器

4.10 并集选择器 1、 给所有选择器选中的标签设置属性 2、连接符:, 3、格式: 选择器1,选择器2{ 属性: 值; } 4、注意点: 并集选择器必须使用,来连接 选择器可以使用标签名称/id名称/class名称 Title /* 要求设置p,h1,li,a 的字体颜色为红色 */ /*p{*/ /*color: red;coll{ color: yellowgreen;choose.coll{ color: blue;

4.11 相邻兄弟选择器

4.11 相邻兄弟选择器 1、相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。 相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adjacent sibling combinator)。 相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adjacent sibling combinator)。 h1 + p {margin-top:50px;choose+li{ /*紧跟在.choose选择到的标签后的li标签*/ color: red;

4-12 通用兄弟选择器

4-12 通用兄弟选择器 1、作用: 给指定选择器后面的所有选择器选中的所有标签设置属性 2、连接符:~ 3、格式: 选择器1~选择器2{ 属性:值; } 4、注意点: 通用兄弟选择器必须用~连接 通用兄弟选择器选中的是指定选择器后面某个选择器选中的所有标签, 无论有没有被隔开都可以选中 Title .choose~li{ color: red; } ul~p{ color: red;