HTML CSS总结
文章平均质量分 88
从零开始学习的HTML CSS知识,进行梳理,完成总结。
.冯上
这个作者很懒,什么都没留下…
展开
-
HTML详细笔记整合
HTML知识的全范围覆盖原创 2022-03-29 15:39:07 · 1867 阅读 · 0 评论 -
HTML CSS xmind总结
HTML CSSHTML【第1章 初识HTML】基本骨架<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html> - !DOCTYPE:声明文档类型 供浏览器解读 - html:HTM原创 2021-01-28 23:47:01 · 1198 阅读 · 0 评论 -
CSS总结 • 【第8章 弹性布局:flex】
全部章节 >>>>CSS3 弹性布局:flex主轴方向:flex-direction默认、水平从左往右:row 水平从右往左:row-reverse垂直从上往下:column 垂直从下往上:column-reverse元素在主轴的对齐方式:justify-content默认、左对齐:flex-start 右对齐:flex-end 居中:center元素间距相等:space-bet原创 2021-01-28 22:54:51 · 153 阅读 · 0 评论 -
HTML5中的aria与role,WAI-ARIA无障碍
WAI-ARIA无障碍ARIA:Accessible Rich Internet Applications,它是W3C的 Web无障碍推进组织 (WAI) 在2014年3月20日发布的 可访问富互联网应用 实现指南。WAI:Web Accessibility Initiative (由 W3C 在1997年发起)是一系列计划供 web 开发者、创作者以及设计者使用的指导方针 - 关于如何使内容对残障人士更易用。这些指导方针的目标是易用性(accessibility),但是也有助于使 web 内容可用于原创 2020-12-26 02:26:17 · 2994 阅读 · 2 评论 -
CSS总结 • 【第7章 变形和动画】
全部章节 >>>>CSS3属性transform详解该属性有转变形态的意思,可以"translate偏移",“rotate旋转”,“skew倾斜”,“scale放大缩小”1.偏移 translate用法:transform: translate(X轴偏移, Y轴偏移);X轴偏移:transform: translateX(10px);Y轴偏移:transform: translateY(10px);这里的Y轴和正常的Y轴不一样,它往上表示负数,往下表示正数;X轴是原创 2020-12-17 21:25:57 · 227 阅读 · 0 评论 -
HTML、CSS总结 • 【目录】
持续更新中…所有笔记总结>>>章节内容HTML第1章HTML总结 • 【第1章 初识HTML】第2章HTML总结 • 【第2章 超链接和图片标签、锚点用法、emmet语法用法、预格式化标签作用、&符号用法】第3章HTML总结 • 【第3章 列表;表格】第4章HTML总结 • 【第4章 表单】第5章HTML总结 • 【第5章 视频链接,音频链接和内嵌标签】CSS第1章CSS总结 • 【第1章 CSS三种原创 2020-12-15 16:36:25 · 345 阅读 · 0 评论 -
CSS总结 • 【第6章 CSS定位】
CSS总结 第6章 CSS定位原创 2020-12-15 16:05:29 · 215 阅读 · 0 评论 -
CSS总结 • 【第5章 盒子阴影和文字阴影】
CSS现在排版可能经常运用到阴影例如京东就频繁运用到了盒子阴影阴影也分为盒子阴影和文字阴影,接下来请看如何使用盒子阴影:box-shadow盒子阴影有6个参数,其中有三个是必要的,分别是:水平偏移量,正值向右,负值向左垂直偏移量,正值向下,负值向上阴影颜色假如,写一个div,高度40,给向下的阴影,如下图:从图中可以看出效果已经出来了接下来是三个可选的参数,分别是:模糊半径(可选)数值越大越模糊,0表示实心阴影阴影尺寸(可选)数值越大尺寸越大内/外阴影(可选) 外部原创 2020-12-12 02:02:07 · 357 阅读 · 0 评论 -
CSS总结 • 【第4章 CSS浮动】
CSS写在前面的话:如果你理解css盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。本文以div元素布局为例。教程开始:首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无法满足需求,这就原创 2020-12-12 00:20:28 · 238 阅读 · 1 评论 -
CSS总结 • 【第3章 盒子模型】
CSS//1.宽度:width//2.高度:height让盒子里的元素垂直居中:div{ height: 40px; line-height: 40px;}//3.边框:border边框样式属性样式属性值border-width边框大小(像素:px)(倍数:em)border-color边框颜色(16进制RGB值:#aabbcc)(rgba函数:rgba(红,绿,蓝,透明度))(名称:red)border-radius圆角边框(像素:px)原创 2020-12-09 13:56:18 · 232 阅读 · 0 评论 -
CSS总结 • 【第2章 CSS样式】
CSS//1.文本样式属性含义属性值font-size大小(默认:inherited,继承父级大小)(像素:px、百分比:%、倍数:em)(小:small、大:large、正常:medium)font-weight粗细(默认:normal、普通)(粗体:bold、有强调的意思、粗细700)(自定义:100-900)font-family字体(格式:“宋体”,“Arial”;)添加多种字体,用逗号隔开、防止一些用户没有第一种字体,就会显示第二种字体fon原创 2020-12-05 21:13:47 · 254 阅读 · 0 评论 -
CSS总结 • 【第1章 CSS三种引入方式、CSS选择器】
CSS//1.CSS简介CSS是cascading Style Sheet的缩写CSS全称为"级联样式表",通常又称为“风格样式表"用于网页风格设计//2.CSS的三种引入方式三种引入方式用法行内式<div style="样式属性:样式值; "></div>内嵌式<style></style>内写样式,style写在head头部标签里外链式<link rel="和资源的关系" href="资源地址"&g原创 2020-12-05 02:44:45 · 454 阅读 · 0 评论 -
HTML总结 • 【第5章 视频链接,音频链接和内嵌标签】
CSS//1.视频链接1.1格式一<video src="视频URL" controls="controls"></video>格式二<video controls="controls"> <source src="视频URL"> <source src="视频URL"> 你的网页无法播放视频</video>多个资源:source可以弄多个链向多个视频,只要有一个视频可以正常播放就行你的网页无法播放视频如原创 2020-12-08 20:25:57 · 600 阅读 · 1 评论 -
HTML总结 • 【第4章 表单】
HTML1.1基本表单结构<form action=""> <input name="key" type="text"> <input type="submit"></form>功能:提交数据表单域:form输入型控件必须要有name属性和value值表单控件、位于表单域以内1.2表单控件:inputtype属性值含义作用text文本框输入文本password密码框输入会以*号显示radio原创 2020-12-02 15:29:55 · 185 阅读 · 2 评论 -
HTML总结 • 【第3章 列表;表格】
HTML//1.列表作用标签含义type属性值和解释ul无序列表(实心圆(默认值):disc)(圆环:circle)(方形:square)(不显示符号:none)ol有序列表(数字(默认值):1)(字母:a/A)(罗马数字:i/I)li列表项dl定义列表dl是表格标签、与table表格类似组合标签、故名叫dl表格dt定义列表的项目dt是小标题dd定义列表中项目的描述dd是对dt的解释//2.表格2.1分层表格容器原创 2020-11-28 19:49:22 · 236 阅读 · 0 评论 -
HTML总结 • 【第2章 超链接和图片标签、锚点用法、emmet语法用法、预格式化标签作用、&符号用法】
HTML//1.超链接标签1.1用法<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>1.2指定链接目标:href本地html,或者远程url页面地址:跳转资源文件:下载图像、表格、音频、视频等都可以添加超链接1.3弹出方式:target_self默认值,当前窗口打开_blank新窗口打开//2.图片标签2.1用法<img src="图片URL">2.2指定图片目标:src同一级:目标名称进原创 2020-11-27 17:15:24 · 257 阅读 · 0 评论 -
HTML总结 • 【第1章 初识HTML】
HTML//1.HTML是什么?HTML:hyper text markup language超文本标记语言hyper:超级、text:文本、markup:标记、language:语言超文本:超越文本,超链接文本不是编程语言,而是一种标记语言//2.HTML文档结构2.1基本骨架<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <titl原创 2020-11-25 20:58:56 · 229 阅读 · 0 评论