- 博客(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
119
原创 透视
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
330
原创 多媒体格式
<audio>元素支持三种音频文件：mp3，wav和ogg隐藏标签display：nonesource：源src：音频路径controls：控制autop：auto自动 play播放 自动播放 loop：循环播放muted：静音preload：auto （自动）metadta（加载元数据）none（不加载）videohtml5中video标签用于定义播放器视频文件的标准支持三种音频格式：ogg、mpeg4（mp4）和webm<video controls="cont
2020-12-14 17:08:56
156
原创 背景
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
102
原创 定位
绝对定位没如果没有祖先元素或祖先元素没有定位，则以浏览器为准定位。如果祖先元素有定位(相对、绝对、固定)，则以最近一级有定位元素作为参考点。脱标:绝对定位不再占有原先的位置。典型应用:给绝对定位当爹的！子绝父相(大小相绝)z-index:层叠等级属性，用于调整重叠定位元素的堆叠顺序。取值:可为正整数、负整数和0；默认值为0，取值越大，定位元素的层叠元素中越靠前。...
2020-12-04 11:29:26
91
原创 浮动
float-left(左浮动)、none(不浮动/默认值)、right(右浮动)1.clear：both；清除两侧浮动。both、left、right2.父级添加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
116
原创 css基础
块级元素1.独占一行2.可以独立设置widht/height3.默认widht是父级元素宽度的100%4.块级元素里可以放块级元素和行内元素行内元素1.一行可以显示多个的2.widht/height设置无效3.widht默认内容的宽度4.行内元素里只能放文字或者其他行内元素文字类的标签不能用块元素链接里不能再放链接特殊情况链接a里可以放块级元素，但是给a转换一下块级模式最...
2020-11-24 11:26:58
96
原创 盒子模型
初始化网页元素:网页中所有元素的内外边距都为0*{margin: 0;padding: 0;}盒子水平居中:左右外边距设置为auto。前提条件:有width。盒子塌陷问题：给相邻两个盒子都设置marg，垂直方向外边距取两者中的最大值。合并的解决:只给有个盒子外边距：塌陷:嵌套的两个盒子都设置了margin，垂直方向的外边距取最大值塌陷的解决方法：给父元素加border给父元素加:overflow溢出部分隐藏hidde...
2020-11-23 11:07:48
91
原创 盒子模型的组成
盒子模型:把HTML页面中的布局元素看做是一个矩形的盒子，即一个盛装内容的容器。它包括:边框border、外边距margin、内边距padding和内容content。
2020-11-20 11:13:45
209
原创 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
79
原创 css定义
css定义:层叠样式表（cascading style sheetd）也叫css样式:级联样式表，也是一种标记语言内联样式:用标签的style属性实现内部样式:用style标签来实现外部样式:第一步:在css文件夹下新建.css文件，写样式:第二步:在head里用lik引入。href:链接.css文件路径rel:stylesheet内部样式和外部样式:谁靠后听谁的控制一个页面内联样式级别高书写方便控制一个标签外部样式实现结构和样式相分离控制多个页面...
2020-11-16 11:22:11
333
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
163
1
原创 表单
表单标签1.表单域<form>:表单域内的信息要提交给服务器2.表单标签:<input/><select><select/><textarea><textarea/>文本域3.提示信息输入标签:文本输入text密码输入:passwordradio实现二选一，name必须一致checkbox:多选框，实现多选一button:点击之后产生动作reset:重置按钮submit:提交按钮select:下拉列表textar
2020-11-09 11:25:35
115
2
原创 标签
img标签是图片标签src:指向图片的地址(必须要有)width:设置图片的宽度。单位px(像素)，单位height:设置图片高度a标签:链接标签，双标签href:指向链接地址，必须要有
2020-11-06 11:30:37
81
原创 HTML
HTML5HTML：超文本标记语言 （用来描述网页的一种语言）超文本：包含了文字、图片、音/视频HTML5概述HTML不是编程语言，而是一种标记语言标记语言是一套标记标签HTML使用标记标签拉描述网页HTML文档也叫作web页面HTML5文档结构<！DOCTYPE>:document type,文档类型标签是HTML页面的根元素。标签是网页头部标签，定义元数据等。标签定义文档的标题。中必须要有的！标签定义文档的主体。...
2020-11-02 11:15:24
111
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人