- 博客(16)
- 收藏
- 关注
RSS订阅原创 flex
/给父盒子加/display: flex;/flex-direction:改变主轴row：左边row-reverse反向//flex-direction: row-reverse;//column竖column-reverse反向//flex-direction:column-reverse;/flex-direction: row;/flex-start:主轴开始位置;flex-end:主轴结束位置;center:中间位置//space-between:两端对齐//space-
2020-12-28 16:56:25
68
原创 3d 透视
perspective 用来模拟人类的视觉位置，也称为视距及人的眼睛到屏幕的距离perspective 单位是pxperspective的值越大，表示视距越远，成像越小。反之perspeective 写在被观察元素的父盒子上
2020-12-28 16:08:43
199
原创 动画
<html> <head> <meta charset="utf-8" /> <title>动画</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } .box{ width: 200px; height: 200px; background: url("img/下载.jpg")center/
2020-12-28 16:08:19
74
原创 背景设置
/background-size背景图片大小* background-attachment: local随元素内容滚动//字体背景颜色background-color: ;图片背景颜色/background-image: url(‘img/1 拷贝.jpg’);/*repeat重复显示不重复显示:no-repeatrepeat-x 横向重复repeat-y*//背景图片位置background-position ：50% 50%//background-size设置图片大小/背景图
2020-12-07 16:46:52
68
原创 元素显示模式转换
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>元素转换</title> <style type="text/css"> *{ margin: 0; padding: 0; } /*inline:行内元素 inline-block*/ .yy{ display: inl
2020-11-27 11:20:40
76
原创 css基础-行内-快级元素
/块级元素;1.独占一行2.可以设置margin padding3.默认宽度width是父级元素的百分之百4.快级元素里可以放快级元素和行内元素/文字类的标签内不能使用快元素/1.一行可以显示多个2.width/height设置无效3,.width默认内容宽度4.行内元素里只能放文字或者其他行内元素/链接里不能再放链接特殊情况链接《a》里可以放快级元素，但是给《a》转换一下快级模式最安全algin：图片对齐属性center图片的文字居中对齐top文字显示在图片的顶部bottom
2020-11-24 11:03:35
530
1
原创 盒子内外间距 -*统配符-盒子居中auto应用--盒子合并-塌陷问题
边框border外边距margin内边距padding内容content/边框:border:边框的粗细 边框颜色 边框样式;solid:实线;dashed:虚线;dotted:点线//*padding-left: 10px;padding-bottom: 20px;padding-right: 10px;padding-top: 20px;padding：内边距 上 右 下 左 顺时针旋转 *//三个值:上 右/左 下;两个值:上/下 左/右;一个值:上/下/左/右/p
2020-11-20 11:23:21
86
原创 类选择器 ID选择器 标签选择器
标签选择器特点：不能差异化选择div{color:green;}类选择器可以选出一个或者多个标签特点根据需求选择html文件中类选择器css文件中：.nav{color:red;}id选择器：一次只能选择一个标签特点：每一个HTML文档中的ID是唯一的，只出现一次HTML文件中：ID选择器css文件中：#nav1{color：red；}...
2020-11-17 10:55:42
197
原创 css入门---三个引入
定义css：层叠样式表（cascadingstylesheeys）也叫css样式，级联样式表，是一种标记语言用来设置HTML页面的文本内容图片外形版面布局外观显示样式内联样式：用标签的style属性实现<p style="font-size: 24px ; color: red;" >啊giao</p><!--外部样式 第一步：在css文件夹新建.css文件，写样式： 第二步：在herd<link />引入 href：链
2020-11-16 11:16:35
123
原创 表格标签- div
<thead>:数据表头部分 <tr></tr>：table row 表格的行 <th></th>：表格的表头 <td></td>：table data 表格的数据，数据单元格 1、div没有含义 2、div单独占一行 3、div用于存放其他标签元素 4、div用于布局--> ...
2020-11-10 10:29:28
867
1
原创 表单标签及简单举例
1.表单域<form>:表单域内的信息提交给服务器2.表单标签：<input/> <select>下拉</select> <textarea>文本域</textarea>3.提示信息
2020-11-09 11:18:05
334
1
原创 图片标签img-链接标签a-有序列表ol-无序列表ul
<!--img标签是图片标签 src属性:指向图片的地址 width属性：设置图片的宽度。px像素，单位 height属性：设置图片的高度。px像素，单位--> <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--img标签是图
2020-11-06 11:11:05
154
原创 总标签
单标签<br>:换行标签双标签<p>:段落标签<title>网页标签<hi>:网页标题，h1-h61-6级标题标签<em>斜体标签<strong>加粗标签注释标签
2020-11-06 09:02:50
81
原创 一些基本的标签和网页结构 思维导图
HOLLE WORDweb三个标准 结构html 样式css 行为JsHTML5标签定义及属性id=“标签的名字（不能重复）“style=”规定元素的行内样式“标签：放在**<>中表示某个功能的编码命令。也称为元素/标记**双标签：<开始标签>标签内容<结束标签单标签：也叫空标签<标签名>注释标签：标签分为单标签双标签双标签：h1 h2 h3 h4 h5 h6 p单标签 br...
2020-11-03 10:48:34
430
1
原创 HTML一些概述和思维导图
HTML5概述HTML:超文本语言(Hyper Text Markip Language)用来描述网页的一种语言超文本:1、包含了文字、图片、音/视频等，超越文本限制2、从一个文件链接到另一个文件，超文本链接网页:HTML格式的文件,常以.htm或html结尾,通过浏览器阅读显示。网页包括图片、文字、链接、视频…HTTPS(Hyper Text Transfer Protocol over SecureSocket Layer)WWW万维网(Wonld Wide Web).com国际顶级
2020-11-02 19:39:43
130
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人