- 博客(15)
- 收藏
- 关注
RSS订阅原创 轴
display: flex 改变主轴 justify-content：主轴上的 flex-start：主轴开始的位置 flex-end：主轴结束位置 center：中间位置 space-between：两端对齐 space-around：分散对齐 单行：align-items交叉轴 flex-start：交叉轴的开始位置 flex-end：交叉轴的结束位置 centre：中间位置 flex-wrap：wrap换行 nowrap不换行 flex-wrap：wrap-reverse反向换行 ...
2020-12-28 17:09:14
67
原创 透视
perspective用来模拟人类的视觉位置，也称之为视距，即人的眼睛到屏幕的距离。 perspective的单位是像素。 perspective的值越大，表示视距越远，成像越小，反之。 perspective写在被观察元素的父盒子上！ preserve-3d让物体在看见3D呈现,flat:不开启3D效果，默认值,2D平面呈现。 transform-style控制元素是否开启3D空间效果。 3D变形 translate3D（x，y，z）:位移 scale3D（x，y，z）缩放 rotate3D(x，y，z，
2020-12-21 17:06:37
242
原创 多媒体格式
<audio>元素支持三种音频文件：mp3，wav和ogg 隐藏标签display：none source：源 src：音频路径 controls：控制 autop：auto自动 play播放 自动播放 loop：循环播放 muted：静音 preload：auto （自动）metadta（加载元数据）none（不加载） video html5中video标签用于定义播放器视频文件的标准 支持三种音频格式：ogg、mpeg4（mp4）和webm <video controls="cont
2020-12-14 17:08:56
109
原创 背景
color：背景颜色 image：一个或多个背景图像 position：背景图像的位置 size：图片的大小 repeat：背景图像重复显示 no-repeat：不重复显示 orig：背景图像的定位区域 clip：背景图像的绘画区域 attachme：背景图像是否固定或随着页面的其余部分滚动 background-position：背景图像的位置 (right left botto center)方位名词 fixed：背景不随内容滚动 background-size：背景图像的大小 bor
2020-12-07 16:59:27
52
原创 定位
绝对定位 没如果没有祖先元素或祖先元素没有定位，则以浏览器为准定位。 如果祖先元素有定位(相对、绝对、固定)，则以最近一级有定位元素作为参考点。 脱标:绝对定位不再占有原先的位置。 典型应用:给绝对定位当爹的！子绝父相(大小相绝) z-index:层叠等级属性，用于调整重叠定位元素的堆叠顺序。 取值:可为正整数、负整数和0；默认值为0，取值越大，定位元素的层叠元素中越靠前。 ...
2020-12-04 11:29:26
47
原创 浮动
float-left(左浮动)、none(不浮动/默认值)、right(右浮动) 1.clear：both；清除两侧浮动。both、left、right 2.父级添加overflow；hidden属性 3.父级添加after伪元素 4.父级元素添加双伪元素 父级添加双伪元素 .clearfix:before,clearfix:after{ content:""; display:table; } .clearfix:after{ clear:both; } .clearfix{ /兼容IE6/7/ *zoo
2020-12-01 11:30:18
68
原创 css基础
块级元素 1.独占一行 2.可以独立设置widht/height 3.默认widht是父级元素宽度的100% 4.块级元素里可以放块级元素和行内元素 行内元素 1.一行可以显示多个的 2.widht/height设置无效 3.widht默认内容的宽度 4.行内元素里只能放文字或者其他行内元素 文字类的标签不能用块元素 链接里不能再放链接 特殊情况链接a里可以放块级元素，但是给a转换一下块级模式 最 ...
2020-11-24 11:26:58
49
原创 盒子模型
初始化网页元素:网页中所有元素的内外边距都为0 *{ margin: 0; padding: 0; } 盒子水平居中:左右外边距设置为auto。前提条件:有width。 盒子塌陷问题：给相邻两个盒子都设置marg，垂直方向外边距取两者中的最大值。 合并的解决:只给有个盒子外边距： 塌陷:嵌套的两个盒子都设置了margin，垂直方向的外边距取最大值 塌陷的解决方法：给父元素加border 给父元素加:overflow溢出部分隐藏hidde ...
2020-11-23 11:07:48
58
原创 盒子模型的组成
盒子模型: 把HTML页面中的布局元素看做是一个矩形的盒子，即一个盛装内容的容器。它包括:边框border、外边距margin、内边距padding和内容content。
2020-11-20 11:13:45
157
原创 css入门
标签选择器 可以选出所有相同的标签。 特点:不能差异化选择 div{ color:green;} 类选择器 可以选出一个或者多个标签。 特点:根据需求选择 html文件中<p class="nav">类选择器</p> css文件中.nav{ color:red;} ID选择器 一次只能选择一个标签。 特点:每个HTML文档中的ID是位移额，只出现一次。 HTML文件中:<p id="nav1">ID选择器</p> css文件中:#nav1{ color:red
2020-11-17 11:15:06
39
原创 css定义
css定义:层叠样式表（cascading style sheetd）也叫css样式:级联样式表，也是一种标记语言 内联样式:用标签的style属性实现 内部样式:用style标签来实现 外部样式:第一步:在css文件夹下新建.css文件，写样式: 第二步:在head里用lik引入。 href:链接.css文件路径 rel:stylesheet 内部样式和外部样式:谁靠后听谁的控制一个页面 内联样式级别高书写方便控制一个标签 外部样式实现结构和样式相分离控制多个页面 ...
2020-11-16 11:22:11
269
1
原创 表格
<table>:表格标签 <thead>:数据表头部分 <tbody>:数据单元格部分 <tr></tr>:table row 表格的行 <th></th>:表格的表头 <td></td>:table data 表格的数据 <div>: 1.div没有含义 2.div单独占一行 3.div用于存放其他标签元素 4.div用于布局网页 ...
2020-11-10 11:30:31
116
1
原创 表单
表单标签 1.表单域<form>:表单域内的信息要提交给服务器 2.表单标签:<input/><select><select/><textarea><textarea/>文本域 3.提示信息 输入标签:文本输入text 密码输入:password radio实现二选一，name必须一致 checkbox:多选框，实现多选一 button:点击之后产生动作 reset:重置按钮 submit:提交按钮 select:下拉列表 textar
2020-11-09 11:25:35
75
2
原创 标签
img标签是图片标签 src:指向图片的地址(必须要有) width:设置图片的宽度。单位px(像素)，单位 height:设置图片高度 a标签:链接标签，双标签 href:指向链接地址，必须要有
2020-11-06 11:30:37
37
原创 HTML
HTML5 HTML：超文本标记语言 （用来描述网页的一种语言） 超文本：包含了文字、图片、音/视频 HTML5概述 HTML不是编程语言，而是一种标记语言 标记语言是一套标记标签 HTML使用标记标签拉描述网页 HTML文档也叫作web页面 HTML5文档结构 <！DOCTYPE>:document type,文档类型 标签是HTML页面的根元素。 标签是网页头部标签，定义元数据等。 标签定义文档的标题。中必须要有的！ 标签定义文档的主体。 ...
2020-11-02 11:15:24
69
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人