web前端开发
web前端开发
TL。
认定的事就把它做到完
展开
-
css
CSS3 动画属性(Animation)属性 描述 CSS@keyframes规定动画。 3animation所有动画属性的简写属性,除了 animation-play-state 属性。 3animation-name规定 @keyframes 动画的名称。 3animation-duration规定动画完成一个周期所花费的秒或毫秒。 3animation-timing-function规定动画的速度曲线。 3animation-delay规定动画何时开始。 3animatio原创 2020-11-22 21:27:14 · 113 阅读 · 0 评论 -
HTML5
按功能类别排列New : HTML5 中的新标签。基础标签 描述<!DOCTYPE>定义文档类型。<html>定义 HTML 文档。<title>定义文档的标题。<body>定义文档的主体。<h1> to <h6>定义 HTML 标题。<p>定义段落。<br>定义简单的折行。<hr>定义水平线。<!--...-->定义注释。格式标签 描述&l原创 2020-11-22 21:25:32 · 97 阅读 · 0 评论 -
input按钮属性
<!-- 文本域只读 --> <textarea cols="50" rows="5"></textarea><br><br> <!-- 文本域只读readonly --> <textarea cols="50" rows="5" readonly="readonly">只允许读</textarea><br> <!-- 按钮里面颜色 --> <in..原创 2020-11-17 21:06:36 · 1184 阅读 · 1 评论 -
默写
1、HTML的基本标签(9行,按照格式写)<!DOCTYPE html><html> <head> <meta chaset="utf-8"> <title></title> </head> <body> </body></html>2.HTML的中文意思是:超文本标记语言3.HTML文档由一系列的__单标签__和_双标签___组成4.大多数标签是成对出现原创 2020-11-17 09:52:03 · 163 阅读 · 0 评论 -
css内容属性
伪元素 :after :before/*伪元素 after往p标签后面添加一个图片*/p:after{ content: url("../img/1.jpg");}/*before往p标签前面添加一个图片*/a:before{ content:url("../img/2.png"); /* content:attr(href); */}原创 2020-11-15 15:35:04 · 146 阅读 · 0 评论 -
css表格属性
table{ /* 是否合并表格边框 separate显示效果边框是分开,不会忽略border-spacing和empty-cells collapse合并表格边框,会忽略border-spacing和empty-cells */ border-collapse:separate; /* 设置相邻单元格边框的距离 */ border-spacing: 10px; /* 设置标题的位置 top顶部 bottom底部 */ caption-side: top; /*原创 2020-11-15 11:43:58 · 197 阅读 · 0 评论 -
css列表属性
ul{ /* 指定图像作为列表项的标记 */ list-style-image: url(../img/1.jpg); /* 设置列表项标记的位置 outside保持标记位于文本左侧 inside标记放置在文本以内,且环绕文本根据标记对齐 */ list-style-position: inside; /* 列表项标记的类型 disc实心圆 circle空心圆 square方块 decimal数字 low-roman小写罗马数字 upper-roman大写罗马数字 l原创 2020-11-15 11:43:00 · 111 阅读 · 0 评论 -
css尺寸属性
img{ /* 长宽 */ width: 100%; height: 100%; /* 最小,最大 */ min-height: 500px; max-height: 200; min-width: 100px; max-width: 500px;}原创 2020-11-15 11:41:34 · 129 阅读 · 0 评论 -
css字体属性
.a{ color: #7FFF00; /* 文本方向或书写方向 值:ltr左 rtl右*/ direction: ltr; /* 定义字符的间距 */ letter-spacing: 10px; /* 行高 */ line-height: 10px; /* 对齐 left左对齐 right右对齐 center居中 */ /* 该属性默认值受direction影响,如果direction属性是ltr,则默认值是left, 如果direction属性值是rtl,则默认值是ri原创 2020-11-14 17:36:10 · 71 阅读 · 0 评论 -
CSS背景属性
background-color: 属性值:颜色名,16进制,rgb函数和rgba函数–a值透明background-image: 定义背景图片默认值为none(不显示),设置图片路径用url(路径)background-repeat: 控制图片的平铺,repeat-x(沿着y轴平铺) repeat-y(沿着y轴平铺) no-repeat(不平铺)background-position: 设置图片原点的位置,x轴:left(左) center(中) right(又) y轴原创 2020-11-14 11:52:55 · 87 阅读 · 0 评论 -
css选择器
body{ background-color: beige;}/* 标签选择器 控制p元素标签内的内容*//* 元素标签一对多 */p{ color: #009AD6; font-size: 40px;}/* 控制h3元素标签内的内容 */h3{ color: #009AD6;}td{ text-align: center;}/* 类选择器 *//* 使用此类名的元素标签起效 多对多*/.han_1{ background-color: #009ad6; }.b.原创 2020-11-13 11:54:10 · 82 阅读 · 0 评论 -
css引入样式
引入外部样式link引入外部样式@import<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>样式</title> <!-- 引入外部样式link --> <link rel="stylesheet" type="text/css" href="css/css.css"/> <!-- 引入外部样原创 2020-11-13 10:20:10 · 171 阅读 · 0 评论