- 博客(25)
- 收藏
- 关注
原创 逻辑运算符
逻辑运算符逻辑与&&、逻辑或||、逻辑非!b1 b2 b1&&b2 b1||b2 !b1 false false false false true false true false true true true false false true false true true true
2016-12-17 12:21:58
547
原创 js运算符
运算符1、算数运算符:+、-、*、/、%、++、--;2、关系运算符:用于判断数据之间的大小关系,主要有:>/=/关系表达式:由关系运算符组成的表达式,其结果是布尔值全等===,要求变量的类型和数值完全相同,!==不全等1、输入文本2、获取文本类型(数字、英文)3、数字:是一个数字吗? true是一个英文吗? false -->
2016-12-17 12:15:21
401
原创 js常量 数据类型 数据类型转换
常量:值不能被改变的量,使用关键字const声明一个常量,习惯上常量名使用纯大写形式数据类型js中数据类型分为两种,一是原始类型(number、string、boolean、null),二是引用类型(object对象、date日期等)1、基本数据类型number类型:数字类型,可以表示整数,也可以表示小数string类型:字符串类型,表示一系列的文本字符数据;js对字符和字符串
2016-12-17 12:13:30
1506
原创 js基础2
语句:可以被js引擎解释执行的代码,由表达式、关键字、运算符组成,大小写敏感,使用分号或者换行结束。注释:人认识,计算式不认识,js引擎不执行,单行注释//,多行/**/,注意,多行注释的嵌套错误问题变量:用存储信息的容器,使用字母或单词(a)保存值(2),在js中这些字母或单词就称之为变量1、变量的声明-js中使用var声明变量,比如var name;-使用=为变量赋值
2016-12-17 12:12:57
245
原创 js基础
1、JS特点-可以用任何文本编辑工具编写代码-无需编译,由JS引擎解释执行-弱类型语言-基于对象:没有抽象、继承、重载等面向对象语言的许多功能,而是把语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统2、语法1)使用js-浏览器的内核:浏览器内核负责页面内容的渲染,主要由两部分组成,一是内容排版引擎,用来解析html和css,一是脚本解释引擎,用于解析js。
2016-12-17 12:11:58
273
原创 动画
动画1、概念过渡属性只能模拟简单的动画效果,CSS中,animation属性用制作类似flash的动画效果,通过关键帧控制动画的每一步是元素从一种样式逐渐转换成另一种样式,可以实现复杂的动画效果。2、动画的使用-声明动画:创建一个已命名的动画,使用@keyframes来声明动画。-调用动画:使用animation调用动画,设置动画的时间,播放次数等。3、关键帧帧:是动画
2016-12-17 12:10:39
319
原创 过度 3d转换
3D转换perspective属性用于定义3D元素距离视图的间距,为元素定义该属性时,其子元素会获得透视效果,而不是元素本身,只影响3D转换元素,注意浏览器的兼容。1、3D位移3D位移可以改变元素在Z轴的位置,语法为:transform:translateZ(value)/translate3d(x,y,z);2、3D旋转3D旋转主要包含rotateX(deg)/rotat
2016-12-17 12:09:25
319
原创 转换
一、转换转换是指元素改变形状、尺寸和位置的一种效果,又称为变形,可以向元素应用2D或3D转换,从而对元素进行旋转、缩放、移动或倾斜;2D转换是元素在x轴和y轴平面上发生变化,改变其形状、尺寸和位置,3D转换指元素可以在Z轴发生变化。transform属性用来对元素进行转换,其语法为:transform:none/function;function指的是转换函数,可以是一个或者多个,函数
2016-12-17 12:08:20
324
原创 多列:将块级由原先的一列设置成多列显示
多列:将块级由原先的一列设置成多列显示column-count:规定元素被分割的列数,注意浏览器的兼容性column-gap --> div{border: 1px solid black;width: 300px;height: 100px;-webkit-column-count:3;-webkit-column-gap:100px;
2016-12-17 12:07:44
218
原创 伪类
1、结构为类:first-child,匹配某元素的首个子元素,注意,冒号前应该是子元素名,是匹配所有包含了该元素,且该元素是第一个子元素:last-child,匹配某元素的最后一个子元素,注意点同上:empty,匹配没有子元素的每个元素,且该元素没有文本内容:only-child,匹配只有一个子元素的:not(x),匹配非指定元素2、伪元素选择器:first-lette
2016-12-17 12:07:11
222
原创 复杂选择器1
!-- CSS高级-1 一、复杂选择器1、兄弟选择器1)相邻兄弟选择器相邻兄弟选择器匹配指定元素的相邻兄弟元素,如果需要选择紧邻在某元素的下一个元素,而且二者有相同的父元素,可以使用该选择器,使用+作为连接符。2)通用兄弟选择器通用兄弟选择器是匹配某元素后面的所有兄弟元素,使用~作为连接符,也就是说,两种元素有相同的父元素,但是不必紧邻2、属性选择器将元素附带的属性
2016-12-17 12:06:27
357
原创 定位
定位 定位分类:普通流定位、浮动定位、相对定位、绝对定位、固定定位 定位的属性:position规定元素的定位类型,可取值为static/relative(相对定位)/absolute(绝对定位)/foxed(固定定位);偏移属性,属性名有left/right/top/bottom,用于定义元素框的偏移位置,取值为长度;z-index属性,设置元素的堆叠顺序; 1、相对定位
2016-12-17 12:05:13
337
原创 列表
列表 1列表像标志 list-style-type: ul语法:list-style-type:none/disc/circle/square; ol语法:list-style-type:none/decimal(数字)/lower-roman(小写罗马数字)/upper-roman(小写罗马数字) 2列表项图像:
2016-12-17 12:04:31
229
原创 显示
显示 1显示方式:一切皆为框,页面上的所有元素都可显示为框除了默认显示效果外,我们可以通过别的属性修改其显示方式 2display属性(显示) 语法:display:none(生成的元素没有框,该框及所有内容不再显示,不占用文档中的空间)/block(让行内元素像块级元素一样显示,可以设置宽和高)/inlie(让块级元素像行内元素一样显示,会忽略宽和高属性,其占用空间由内容决定)
2016-12-17 12:03:50
459
原创 浮动
浮动 1、定位:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素设置浏览器窗口本身的位置;定位分为普通流定位、浮动定位、相对定位、绝对定位; 2、普通流定位:页面中的块级元素,从上到下顺序排列,每一个新的块级元素都会出现在一个新行中,这就叫普通流定位,元素框之间的垂直距离是由框的垂直外边距决定;内联元素将在一行从左到右排列水平位置,不需要从新行开始,可以使用水平内
2016-12-17 12:03:13
283
原创 表格
表格: margin/padding/width/height/文本格式化属性/背景/边框 1、-align:top/middle/bottom; 2、表格特有的样式属性: 边框合并:如果设置了边框合并属性, 相邻单元格的边框会单独/合并显示出来,单独显示是,类似双边框的效果;其语法为: border-collapse:separate(默认值,边框分开)/colla
2016-12-17 12:02:20
259
原创 文本格式化
文本格式化 文本格式化主要包括控制字体以及文本格式,字体包含大小、加粗、字体系列等;文本格式包含文本颜色、文本排列和文本缩进等 1、字体属性: font-family(指定字体):value,value1,value2,…;其中vlaue、value1、value2表示字体的名称,按优先顺序进行排列,以逗号隔开,如果字体包含空格,则用引号将字体引起来,这个意思是浏览器会优先使用第
2016-12-17 11:57:48
3119
1
原创 渐变
渐变: 渐变是指由两种或者多种颜色之间的平滑过渡,可以指定多个中间颜色值(色标),每个色标包含两个部分,一是颜色二是位置,每个色标的颜色淡出到下一个颜色,以创建平滑的效果,也就是渐变,渐变可以用在任何使用背景图片的地方,渐变分为:线性渐变、径向渐变和重复渐变 渐变语法:background-image:gradientstyle;取值可以为linear-gradient(线性渐变)、r
2016-12-17 11:56:04
377
原创 背景
背景 1 分为背景色和背景图 ,背景色可以设置单一颜色为背景,背景图片是以图片为背景,可以设置位置尺寸,平铺等 背景色:background-color:默认白色,可以设置人和合法颜色,也可设置为透明(transparent);为元素框设置背景色,会填充元素的内容,内边距 背景图片 设置背景图片
2016-12-17 11:54:43
451
原创 css边框
边框 简写方式:border:width(宽度) style(样式) color(颜色); style有solid 分开设置:border-width:; border-style:;(solid实线 none无边框 hidden隐藏 dotted点状边框部分浏览器显示实线 dashed虚线 double双线,取决于线的宽
2016-12-17 11:53:59
633
原创 css尺寸
1、CSS单位 尺寸单位:百分比、in英寸、cm厘米、mm毫米pt磅、px像素、em(1em等于当前字体的尺寸,2em等于当前字体尺寸的2倍) 颜色单位:可以是表示颜色的单词、rgb(x,x,x)(三原色,比如rgb(255,255,255))、rgb(x%,x%,x%)(色值的百分比)、#rrggbb(十六进制色值)、#rgb(十六进制色值的简写) 2、尺寸属性:用于设置元素宽
2016-12-17 11:52:35
342
原创 选择器
选择器:决定哪些元素使用该样式 选择器类型:1通用选择器:可以与任何元素匹配,常用设置一些默认的样式,适用(*)进行设置 2元素选择器:使用HTML元素作为选择器,比如h1 3类选择器: 根据元素的类属性设置选择器,其语法:. classname{},该选择器只会考虑类名,跟元素名以及其他条件无关;可以将多个类选择器应用
2016-12-17 11:51:29
247
原创 CSS的语法
1)语法规范:由多个样式规则组成,每个样式规则有两部分:选择器和样式声明 2)样式表的特征 继承性:样式表可以被继承,当子元素的样式与父元素样式不冲突时,子元素继承父类的样式 层叠性:一个元素可以定义多个样式规则,当规则不冲突时,多个样式表中的样式可层叠为一个,也是说如果多个选择器定义的规则不发生冲突时,元素需要应用所有的样式. 优先级:样式定义冲突时,按照
2016-12-17 11:50:51
307
原创 CSS的使用方式:内联、内部、外部
1)内联样式:样式定义在单个的html元素中,在开始标记里定义标准属性style,样式属性与值之间用冒号(:)链接,多个属性用分号(;)隔开 2)内部样式:内部样式表,样式表位于文档头元素中的style元素,在style元素中添加样式规则,可以定义多个样式规则,每个样式规则有两部分,选择器和样式声明;选择器决定哪些元素使用这些样式,样式声明被一对大括号括起来,包含一对或多对属性-值 3
2016-12-17 11:49:45
1011
原创 css 基础
CSS使用统一的样式声明,提高了样式的重用性和可维护性 CSS:层叠样式表,又叫级联样式表,简称样式表,用于html文档中元素样式的定义,实现了内容与样式的分离,提高了代码的重用性和可维护性。 CSS与html之间的关系:html用于构建网页的结构,CSS用于定义网页的样式,html是页面的内容组成,CSS是页面的表现。 html与CSS样式表的使用原则:官方建议尽量使用CSS代
2016-12-17 11:48:20
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人