关闭

preserve-3d

舞台层   景深层 perspective: 1600px;   形变中心点perspective-origin: 0px 0px;   形变中心点transform-origin: center center; 3d中心层 就是围绕运动的层 下面用几个例子来介绍3d动画 例1正方体 代码          魔方              body{     ...
阅读(27) 评论(0)

移动端布局

viewPort width 可以设置HTML页面的宽度,在移动端一般设置为device-width。 initial-scale:初始缩放比例,第一次进入页面上的时候,整个页面的缩放比例 minimum-scale:2.0最小的缩放比例。最小的缩放比例是指页面最小是原来的两倍 user-scalable=no 设置是否允许用户缩放,no不允许缩放,Yes允许缩放。 maximum-scale:3....
阅读(15) 评论(0)

flex布局2

今天主要对flex进行重新说明以及补充,首先给大家介绍一下什么是flex布局:Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。下面具体介绍一下布局方式display: flex;对弹性容器设置flex-direction:row | row-reverse | column可以改变flex容器的方向 * row定义主轴方向为X轴从左到右 * r...
阅读(33) 评论(0)

flex布局1

今天主要从他几个属性来介绍弹性盒子 display: flex;把元素设置成弹性容器 1.flex-direction:可以改变flex容器的方向让其子元素来弹性布局 row定义主轴方向为X轴从左到右 row-reverse 从右到左 column 定义主轴方向为Y轴从上到下 2.justify-content排列方式,让其子元素按不同方式进行排列 flex-start: 从行首...
阅读(33) 评论(0)

animation动画

下面给大家介绍CSS动画方面的知识,动画一般用在移动端多一些,有了动画会让用户有更好的用户体验。下面具体介绍一下: animation animation-name:动画名称 animation-duration:动画时间 animation-delay:动画延迟 animation-direction:alternate;先正运动后反向运动 ,reverse从反向开始运行动画altern...
阅读(41) 评论(0)

transform以及transition

今天主要给大家介绍transform的几个变换方式如:translate scale rotate transform-origin以及skew,下面一一向大家介绍一下 1.translate translate:变形,位移的元素高于普通文档流元素,但没有定位元素层级高 translateX 在X轴上面位移或形变 translateY 在Y轴上面位移或形变 translate 在...
阅读(33) 评论(0)

border-radius该如何去设置以及怪异盒模型

大家都知道border-radius使用来设置边角的但是如何去设置呢,下面我会一一介绍 border-radius可以统一对他们来设置: 1.当border-radius只有一个值时,如border-radius:20px;说明左上,右上,右下,左下四个方位都有偏移量 2.有两个值时,如border-radius: 50% 50%;第一个值表示左上 右下  第二个值表示右上 左下 3.三个...
阅读(24) 评论(0)

pug模板的使用及终端

今天学习到了pug的使用方法,下面我为大家介绍一个例子 doctype html html head meta(charset="utf-8") title 这是pug的练习 link(rel="",href="") body -h1 今天学了pug div(class="box") div#div1 p h2 哈哈 strong 你好 //创建一个pug /...
阅读(47) 评论(0)

form表单

又到了周一,在上午老师讲上周五考的试卷时,我懵了,感觉自己错了好多,我也看出了自己的不足之处,主要的是有关细节的方面我都没有注意到,我以后需要加以改正,不能在不注重细节了,细节决定成败。下面我来分享一下今天学习到的知识form表单。 form表单,是双标签,块级元素,他具有两个属性: 1、action提交后台的地址,2、method提交信息/数据的方式,method其中一个属性为get,不能提...
阅读(58) 评论(0)

定位

今天韩老师主要给我们讲了position的用法,通过今天的学习对定位有了更深的了解,下面就详细的介绍一下position的几种重要的定位 定位:position: relative | absolute | fixed 1、 相对定位:position:relative; 相对元素的当前位置偏移,不会改变元素的默认表现,主要用于绝对定位的组合,帮助绝对定位元素确定坐标 2、绝对定位:po...
阅读(62) 评论(0)

css样式——文字设置

今天主要学习的是对文字进行设置,下面我为大家逐一介绍一下: 颜色 英语单词,16进制,hsl,rgb 尺寸单位 px,百分比 最小min-width,min-height,最大max-width,max-height,vw(浏览器的宽度的百分比) vh color:文字颜色  font-size:文字字号 可以设置百分比 倍数em(相对于父级) 倍数rem(相对于根元素)(一旦像素大于...
阅读(21) 评论(0)

HTML的一些常用标签

今天韩老师主要讲了HTML的常用标签,在我的今天的学习当中,主要学习到了一些行级标签以及块级标签,主要内容如下所示: 块级标签:div,标题标签(h1~h6) ,有序列表(ol li) ,无序列表(ul li)  ,字典列表(dl dt dd),段落标签(p) ,分割线(hr) 标题标签:一个网页只能有一个h1标签,同时h2标签也不能太多,标题标签他有默认的样式,它具有上下的margin值...
阅读(38) 评论(0)

background以及float

一周的第一天,本来都是应该,精神抖擞的,但是我却是无精打采啊,原因应该是昨天晚上没有睡好的缘故吧,但是我也以最好的精神状态去听韩老师讲课,今天韩老师主要讲了background以及浮动的用法 background的五个属性: 1.background-color:设置背景的颜色 2.background-image:设置背景图片 3.background-position:设置背景的定位 ...
阅读(46) 评论(0)

css选择器优先级和photoshop快捷键以及100度享乐网框架

css选择器优先级                        CSS选择器的优先级:作用的元素一样,样式一样,就会有优先级问题,当优先级相同时,一旦发生重叠,以样式后面为主                        CSS选择器:统配选择器,类选择器,标签选择器,id选择器,后代选择器,会有相加的过程,群组选择器,不会有相加的过程                       相同类型...
阅读(29) 评论(0)

H5随笔第二课

今天学习的第二天,今天主要学习了盒模型、标签的分类、CSS三种引入方式以及CSS选择器 1.盒模型:     盒模型分为标准盒模型以及怪异盒模型。    标准盒模型的内容尺寸:width*height;盒子尺寸:(width+padding+border)*(height+padding+border);盒子的区域尺寸:(width+padding+margin+border)*...
阅读(54) 评论(0)
16条 共2页1 2 下一页 尾页
    个人资料
    • 访问:585次
    • 积分:165
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档