- 博客(18)
- 收藏
- 关注
RSS订阅原创 3D转换
3D移动：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @keyframes
2021-02-05 23:01:14
90
原创 CSS3动画
动画：设置多个节点精确控制一个或一组动画1.先定义动画2.再调用动画用keyframes定义动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2021-02-05 23:00:58
59
原创 2D转换
转换（transform）移动（translate）类似于定位旋转（rotate）缩放（scale）移动：translate（x,y）或者分开写translateX(n)translateY(n)移动沿x,y轴移动不影响其他盒子百分比是相对与自身元素的对行内标签无效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na
2021-02-05 23:00:38
121
原创 HTML5（新增标签）
HTML5大部分都有兼容性问题，适合IE9以上版本。headernavarticlesectionasidefooter语义化标准主要针对搜索引擎这些新标签可以使用多次在IE中，需把这些转换为块级元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w
2021-02-05 22:18:59
52
原创 CSS3（新增选择器、盒子模型）
CSS3新增选择器：属性选择器结构伪类选择器伪元素选择器权重均为10属性选择器：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title
2021-02-05 22:18:37
70
原创 CSS总结7（浮动与定位）
传统网页布局三种方式：普通流：（默认定义的方式排列）可以让盒子上下排列，垂直的块级盒子显示用标准流布局浮动：可以让多个块级元素一行显示或左右对齐盒子，多个块级盒子水平显示定位：最大特点有层叠概念，可以让多个盒子前后层叠来显示，浮动：浮动布局注意：父元素排列上下，内部子元素采取浮动排列左右；浮动的盒子只会影响浮动盒子后面的标准流。由于父盒子很多情况下不方便给高度，但是子盒子浮动又不占有位置，最后父盒子高度为0，就会影响下面的标准流盒子。清除浮动的本质就是清除浮动元素造成的影响，清除之后，父
2021-01-22 23:39:00
211
原创 CSS总结6（盒子问题）
利用CSS来摆放盒子，更好地实现网页布局；盒子模型组成：边框border、内padding、外边距margin、实际内容content；边框：border-width：边框粗细 pxborder-style：none | hidden | solid | dotted | dashedborder-color:border-top（bottom | left | right）border-collapse：collapse表格细线边框，合并相邻边框复合写法：border：1px soli
2021-01-22 23:38:33
99
原创 CSS总结5（三大特性、权重）
三大特性：1.层叠性：就近原则（样式冲突时）；2.继承性：行高的继承（可跟单位也可不跟单位）；3.优先级：选择器相同，就近原则，选择器不同，根据权重来分析；权重：标签选择器：0001类、伪类选择器：0010id选择器：0100行内样式：1000！important ：无穷继承的权重为0，若有给了样式，则执行新的样式<!DOCTYPE html><html lang="en"><head> <meta charset="UT
2021-01-22 23:37:51
113
原创 CSS总结4（CSS元素显示模式、行高、CSS背景）
CSS元素显示模式：可以更好地布局网页；块级元素：p div ul li ol h行内元素：a strong b em i del s ins u span块级元素：独占一行；高度宽度可以设置；宽度默认是body；是一个容器，可以放行内元素和块级元素；文字类元素不能放块级元素，p与h不可以放div行内元素：相邻行内元素在一行；高宽设置无效；默认宽度就是本身内容宽度行内只能容纳文本或其他行内元素；链接中不能放链接行内块元素：一行可放多个行内块元素；可设置宽高，宽度
2021-01-22 23:37:32
159
1
原创 CSS总结3（复合选择器）
后代选择器：元素1 元素2{}；1与2空格分开；2只要是1的后代就可子选择器：元素1>元素2{}；2是1的最近一级元素并集选择器（选多组标签，定义相同样式）：元素1，元素2{}；用于集体声明;时不我待端午节后半段我寒假对我不好的把我的口味的口味的把我等我把...
2021-01-22 23:37:11
86
原创 CSS总结2（字体、文本属性、Emmet）
字体属性：font-family：字体font-size：字体大小font-weight：字体粗细（normal-400 bold-700）font-style：文字样式（normal、italic）复合属性有要求 font: font-style font-weight font-size font-family文本属性：color：1.16进制（#ff0000f）2.RGB(200,0,0)text-align：对齐文本（水平）（left、right、center）text-
2021-01-22 23:36:48
74
原创 CSS总结1（基础选择器）
CSS主要功能是：美化页面；CSS组成：选择器以及一条或多条声明；代码风格：1.样式格式书写（展开格式）2.样式大小写（小写）3.空格规范（属性之前，冒号后保留一个空格；选择器和大括号之间也保留一个空格）基础选择器：标签选择器、类选择器、id选择器、通配符选择器类选择器：差异化选择不同的标签，单独一个或某几个标签（一个标签可有多个名字，class属性写多个类名，多个类名空格分开） class{}id选择器：标为特定的id的HTML元素指定样式 #{}通配符选择器：*，选取页面所有元素.
2021-01-22 23:36:20
70
原创 HTML总结5（表单）
表单主要用于收集用户信息；input（输入表单元素）：type（text、button、password、radio、checkbox）;name、value、checked、maxlength、file；单选按钮与复选框的name值必须一样；select（下拉表单元素）：optiontextare（文本域）：一般内容较多，cols(每行字数）rows（每列字数）label（标注标签）：label标签中for对应相关元素的ID；<!DOCTYPE html><html l.
2021-01-21 23:10:27
69
原创 HTML总结4（列表标签）
这列表标签主要是布局；ul中只能放liol中只能放li，li中可以放任何元素，与ul都带有自己样式属性自定义列表：对术语进行解释或描述，定义列标签无任何项目符号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width" initial-scale=1.0 "> <t.
2021-01-21 23:10:08
51
原创 HTML总结2（路径与超链接）
路径与超链接标签：相对路径：已引用文件所在位置绝对路径：电脑中的位置相对路径：同一级路径上一级路径（…/）下一级路径(/…)超链接标签：a外部链接内部链接空链接下载链接：href是一个文件/压缩包网页元素链接：如文本图像、表格、视频锚点链接：快速定位到页面中某个位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na
2021-01-21 23:09:42
336
1
原创 HTML总结3（表格标签）
表格标签：用于显示、展示数据表头中文字加粗居中显示cellpadding：单元边沿与其他内容之间空白（文字与边框）cellspacing:单元格之间空白rowspan:跨行；colspan:跨列；合并单元格：1.合并单元格；2.找到目标单元格（上侧、左侧）3.删除单元格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi
2021-01-21 23:09:04
47
原创 HTML总结1(标题标签、段落标签、换行标签）
HTML中我认为学的东西并没有很多，主要记住每个标签的用法以及含义。首先是字符集、标题标签、段落标签、换行标签、文本格式化标签。<!DOCTYPE html><!-- <!DOCTYPE>文档类型声明，作用是高速浏览器使用哪种HTML版本显示，第一行 --><html lang="en"><head> <meta charset="UTF-8"> <!-- UTF-8万国码 --> <
2021-01-21 23:08:34
362
原创 HTML
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-01-21 23:08:05
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人