Alice__97-CSDN博客

原创 javascript基础知识

javascript是一种运行于javascript解释器/引擎中的解释型脚本语言，即运行前不需要编译，也不会检查错误，直到出现错误为止1、js组成核心（ECMAScript）文档对象模型（DOM，Document Object Model），让js有能力与网页进行对话浏览器对象模型（BOM，Browser Object Model），让js有能力与浏览器对话2、将js代码...

2019-07-01 22:56:27 195

原创 CSS3——过渡与动画

1、transition过渡将元素的某个属性从“一个值”在指定的时间内过渡到“另一个值”transition——属性名持续时间过渡方法 transition-property —— 属性名|all，即对哪个属性进行变化 transition-duration —— 持续时间 transition-timing-function —— 过渡使用的方法（函数） ...

2019-06-28 11:56:24 162

转载 CSS单位px、em、rem、vh、vw、vmin、vmax

1、px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2、em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。看下面例子：HTML:<body>body<div class="div1">div1 <div class="div2">div2 ...

2019-06-27 08:53:36 230

原创 CSS3——2D、3D转换

1、2D转换方法：对元素进行旋转、缩放、移动、拉伸transform属性：rotate(度数deg)——度数为正值，顺时针旋转；度数为负值，逆时针旋转 scale(x,y)——x为水平方向缩放倍数，y为垂直方向缩放倍数，若省略，同x；0~1缩小，>1放大div{ transform: rotate(10deg);} img:hover{ transform: sca...

2019-06-26 22:52:54 414

原创 CSS3——文字与文本

1、文本阴影——text-shadow text-shadow：水平偏移垂直偏移阴影大小颜色；h1{ color: white; text-shadow: 2px 2px 4px #000;//设置浮雕样式}p{ text-shadow: 0 0 5px yellow;//设置描边效果}2、word-wrap属性允许长单词，URL强制换行，其取值为n...

2019-06-26 19:43:34 143

原创 CSS3——圆角、阴影

1、新特性浏览器支持浏览器内核浏览器 CSS3前缀 Webkit Safari、Chrome -webkit- Gecko Firefox -moz- Presto Opera -o- Trident IE -ms- 2、圆角边框border-radius 分为...

2019-06-26 17:11:40 209

原创 CSS定位机制

将各个盒子进行定位1、文档流flow定位是一种默认方式，各个盒子从上到下，从左到右排列元素分为三类，包括block、inline、inline-block类型display：none——元素不被显示block元素：独占一行元素的height、width、margin、padding都可设置常见的block元素有<div>、<p>、<h1...

2019-06-23 12:51:00 167

原创 CSS盒子模型

盒子模型页面上的所有元素都可以看成一个盒子，占据着一定的页面空间content：内容；height：高度；padding：内边距；border：边框；margin：外边距一个盒子实际宽度、高度 = margin + border + padding + content设定div样式的宽度和高度是content的宽度和高度overflow属性当内...

2019-06-20 19:50:03 122

原创 CSS样式（三）——背景、超链接、列表、表格样式

CSS背景空元素需要先定义元素的高度和宽度background-color：颜色（当背景色和背景图同时使用时，背景图会覆盖背景色） background-image：url("logo.jgp") background-repeat：repeat（棋盘格填充，水平垂直反复填充） ...

2019-06-19 21:58:52 1024

原创 CSS样式（二）——字体

CSS文字样式1.单位单位描述 px 像素 em 1em——1个字符；2em——2个字符自动适应用户所使用的的字体 % 百分比，相对于从父类继承的字体大小而言用百分比乘以默认继承字号即为当前字号 2.颜色颜色描述 red、blue、green ...

2019-06-19 20:25:56 251

原创 CSS样式（一）——样式方法、选择器

目录CSS添加方法——三大方法css选择器CSS添加方法——三大方法1.行内样式，即将属性和属性取值设定直接添加到当前需要添加样式的元素的标签内部<p style="color:red;">假如给我三天光明</p>2.内嵌样式，即将CSS代码内嵌到当前页面的head标签部分<!DOCTYPE html><html&g...

2019-06-19 17:09:24 210

原创 HTML

目录认识HTMLHTML标签——h1~h6,p,br,span,pre,hrHTML标签——超链接aHTML标签——图像标签imgHTML标签——区域，列表，表格HTML标签——form表单标签认识HTML什么是HTML？HTML是用来描述网页的一种语言HTML是指超文本语言（HyperTextMarkupLanguage） HTML不是编程语...

2019-06-16 17:44:54 152

Alice__97的博客