- 博客(21)
- 收藏
- 关注
RSS订阅原创 HTML5 新增
一、HTML5语义化标签section: 页面中的一个区块（大区块）article 元素 表示一块与上下文无关的独立内容aside 元素在article 之外的，与article 内容相关的辅助信息。header 元素表示页面中一个内容区块或整个页面的标题（header可以嵌套header）footer 元素表示页面中一个内容区块或整个页面的脚注nav 元素表示页面中导航链接部分figure 元素表示一段独立的内容figcaption使用figcaption元素为其添
2020-09-15 22:15:51
314
原创 JS 之 数组、对象 、函数
一、数组数组是JS中的引用类型之一引用类型和值类型的区别：存放的位置 引用类型存放在内存里，堆内存 (引用类型比较的时候比的是地址) 值类型存放在内存里，栈内存数组的定义(1)字面量、直接量 : var arr = [ ] ;(2) 构造函数: var arr1 = new Array() ; var arr2 = Array();数组的使用设置数据 :var
2020-09-15 16:08:37
363
原创 JS 之 变量 、数据类型、运算符、分支、循环语句
一、变量1.Jscript的核心语法是： ES2. 变量分 定义 和 使用 两部分 定义时无使用要求 ，必须要保证变量已存在 ， 如果不存在会报错 。3.typeof 是用于判定变量类型的关键字 typeof() 也可以判定变量的类型 typeof 的判定结果永远是字符串 ， 都是小写二、数据类型的转换字符串转数组NumberparseInt() ： parseInt 能转换几个就转换几个，遇到第一个非数字字符就停止并将已转换的返回。（如果第一个就是非数字，则返
2020-09-15 15:17:04
220
原创 CSS3 3D 球体自转特效
CSS3 3D 球体自转特效transform-style: preserve-3d;设置父级元素，它的子级元素具有3d效果,再设置子元素沿Y 轴的 3D 旋转。[注：线条看个人喜欢适当减少]html代码如下<div class="box"> <div class="star"> <div class="starline"></div> <div class="starline"></
2020-09-10 19:08:26
1782
原创 CSS3（四）
3D :transform-style: 容器是否为3Dpreserve-3d; 3D场景flat; 2D场景 translate() 偏移 translateZ() 沿Z轴偏移 transform:translate3d(X,Y,Z); transform :rotate()旋转 默认是沿Z轴 transform:rota
2020-09-09 14:41:16
156
原创 CSS3（三）
层级选择器：.box1>p{ //子选择器 ,父子关系 } .box1+.box2{ //相邻兄弟选择器 ， 只能往下选择 background-color: aquamarine;}.box1~div 通用选择器 同级元素 .box1 后面的所有元素##属性选择器E[attr]:只使用属性名，但没有确定任何属性值E[attr=“value”]:指定属性名，并指定了该属性的属性值E[attr~=“value”]:指定属性
2020-09-09 14:37:48
156
原创 CSS3(二)
2Dtransformtransform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() translate() 元素向指定的方向移动,类似于position中的relative。(偏移)translate (x轴位移的值 )translateY (y轴位移的值)translate(X,Y) 位移的值可为负数，是加了单位的属性值 。scale(1,0.5)
2020-09-05 16:44:40
203
原创 CSS3（一）
前缀&渐变&过渡浏览器私有前缀-ms- 内核 IE浏览器专属的CSS属性需添加一ms前缀-moz- 所有基于Gecko引擎的浏览器(如Firefox) 专属的cSS属性需添加-moz前缀-0- Opera浏览器专属的CsS属性需添加-0-前缀-webkit- 所有基于Webkit引擎的浏览器( 如Chrome、Safari) 专属渐变渐变: 背景色渐变线性渐变 和 径向渐变 线性渐变 : background: linear-gradient();
2020-09-05 16:33:41
157
原创 BFC概念
BFC概念 在解释BFC是什么之前,需要先介绍Block Formatting (格式化) Context(. 上下文) Formatting context(格式化上下文)是W3C CSS2.1规范中的一一个概念。它是页面中的一块渲染区域,并且有一套渲染规则， 它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFC(Block formatting context)直译为"块级格式化下文"。它是一个独立的渲染区域,具有BFC特性的元素,可以看作是隔离了的独立容器,容器里面的元
2020-09-04 21:01:24
207
原创 锚点实现图片切换
使用html+css 生成相册，通过点击右侧小图片，实现大图片切换。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-09-02 22:10:11
739
1
原创 HTML+CSS实现鼠标滑过图片放大效果
当鼠标滑过图片块，图片放大，划出恢复大小。效果图如下HTML代码如下： <div class="box"> <ul> <li><img src="../images/photo01.jpg" alt=""></li> <li><img src="../images/photo02.jpg" alt=""></li> <li><i
2020-09-02 22:03:48
16232
原创 CSS快速入门基础知识（七）
1.自适应宽度自适应： width: 100%;块级元素：宽度默认100% 。 min-width: 最小宽度 max-width 最大宽度 高度自适应：1. height: auto ;2. height不写 height:100% ; 继承父元素的高度。（注意，父元素必须要有高度，如果没有，由内容撑开。） min-height: 最小高度 max-height: 最大高度2.高度塌陷高度塌陷的原因：父元素没有添加高度或者height
2020-09-02 21:37:05
218
原创 CSS快速入门基础知识（六）
定位与锚点CSS有三种基本的定位机制(了解) :普通流元素的类型决定 了其在HTML中的位置(低)浮动流添加了浮动的元素会脱离文档流（中）定位流相对定位是根据普通流移动,绝对定位和固定定位脱离普通流（高）1.定位： position属性值 ：left 、 right 、top、 bottom static 默认位置 左上角 \相对定位 ： relative; &nb
2020-09-02 21:30:29
166
原创 CSS快速入门基础知识（五）
一、元素类型CSS元素类型：三种类型 ： 块级元素，内联元素， 可变元素。1.块级元素特征：默认 宽度100% ，能够设置宽度和高度。独占一行，自上而下排列完全支持盒模型一般将块级元素当作容器 。 块级元素： div , p , h1-h6 , ul, dl ,ol,li,dt,dd,table,tr,td,form2.内联元素（行内元素）：-内联元素 内联块（行内块 ）元素-内联元素特征：不能设置 宽度和高度。横向逐个排列不完全支持盒模型 内联元素:
2020-09-02 21:21:41
146
原创 CSS快速入门基础知识（四）
盒模型content (width + height ) 、padding(内边距) 、 border（边框） 、 margin(外边距)盒子模型的计算规则： 元素的总宽度 (高度)： content + padding + borderpadding: 内边距 （补白） 元素内容与边界的距离padding 的间距不能写入内容（文本和图片），背景图除外。
2020-08-31 00:18:58
158
原创 CSS快速入门基础知识（三）
浮动 ：float： left 左浮动 right 右浮动 none 默认值 不浮动作用： 让竖着的元素横向排列 特点： 1. 元素添加了浮动之后，具有“块级”特性 2. 具有浮动属性的元素会“脱离文档流” 。 3. 相同方向的浮动元素，先浮动的显示在前面 4. 不同方向的浮动元素，左浮动找左浮，右浮找右浮 5. 浮动元素浮动之后的位置，由浮
2020-08-30 23:21:17
149
原创 CSS快速入门基础知识（二）
CSS属性CSS 边框线属性 border 边框线 (复写) border-width: 边框线的宽度 border-style: 边框线的类型 solid 实线 dashed 虚线 dotted 点划线
2020-08-30 23:05:10
178
原创 CSS快速入门基础知识（一）
CSS基础知识（一）CSS 简介 : cascading style sheet 层叠样式表CSS语法 由选择器和声明组成 声明由 属性 和 属性值 组成 声明可以是一条 也可以是多条 。 CSS选择器 1. 元素选择器 2. ID选择器 # + id名 注意 ：id 具有唯一性
2020-08-30 18:38:47
284
原创 HTML快速入门基础知识
HTML基础知识一.html语言构成1.标签（标记，元素）2.属性二：html语法(1).html 标记常规标记：双标记 ：<标记名称 属性1名=“属性1值” 属性2名=“属性2值” ………… ></标记名>单标记 ： <标记名 属性1名=“属性1值” />(2).HTML标签1: 文本标题标签 h1 - h6[注] h1 ：1. 一个网页只能出现一次 2. h1一般用来包网页的logo2: 字体倾斜 & 字体加粗
2020-08-30 17:50:06
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人