HTML
文章平均质量分 80
程序媛~~~
这个作者很懒,什么都没留下…
展开
-
HTML知识点
原创 2021-05-28 21:54:14 · 56 阅读 · 0 评论 -
媒体查询-响应式布局-BFC
媒体查询-响应式布局-BFC1 回顾1.1 多列布局设置给包裹元素的属性: column-count column-width columns column-gap column-rule-width column-rule-color column-rule-style column-rule设置给子元素的属性: column-span -wekbit-column-break-before: auto/always/avoid -webkit-column-break-a原创 2021-05-03 12:56:50 · 512 阅读 · 0 评论 -
CSS3-多列布局-伸缩盒布局-伸缩项目
多列布局-伸缩盒布局-伸缩项目1 回顾1.1 变换 transform① 相关CSS属性transformtransform-origintransform-styleperspective perspective-originbackface-visibility② 变换方法2D 变换:位移: translateX() translateY() translate()缩放: scaleX() scaleY() scale()旋转: rotate()3D 变换:位移:原创 2021-05-03 12:55:33 · 370 阅读 · 0 评论 -
CSS3-变换-过渡-动画
变换-过渡-动画1 回顾1.1 边框1. 边框圆角 border-top-left-radius border-top-right-radius border-bottom-left-radius border-bottom-right-radius border-radius 2. 外轮廓 outline-style outline-width outline-color outline outline-offset1.2 文本原创 2021-05-06 15:01:18 · 363 阅读 · 0 评论 -
CSS3-边框-外轮廓-文本-渐变-WEB字体
边框-外轮廓-文本-渐变-WEB字体1 回顾1.1 基本语法新增的长度单位: rem、vw、vh、vmax、vmin新增的颜色设置方式: rgba()、hsl()、hsla()1.2 选择器1. 基本选择器 标签名 类名 ID名 全局 并集: div,p,h1 {} 交集: p.item {}2. 层级选择器 后代元素选择器 空格 子元素选择器 > 选择紧邻在后面的一个兄弟元素 + 选择后面所有的兄弟元素原创 2021-04-30 10:07:18 · 677 阅读 · 0 评论 -
CSS3新增-属性(长度颜色背景)选择器-盒子模型
属性(长度颜色背景)选择器-盒子模型1 CSS3 基本语法1.1 CSS3 浏览器私有前缀Chorme: -webkit-Safari: -webkit-IE; -ms-Firefox: -moz-Opera: -o-1.2 CSS3 新增长度单位rem: 根元素字体大小的倍数。注意与 em 的区别。vw: 把视口宽度分为100份,指定占其中的多少份。注意与百分比的区别。vh: 把视口高度分为100份,指定占其中的多少份。vmax: 把视口宽和高中大的分为100份,指定原创 2021-04-30 09:57:37 · 255 阅读 · 0 评论 -
HTML5新增-页面结构状态-列表-表单-音视频-全局兼容
页面结构状态-列表-表单-音视频-全局兼容1 HTML5 新增语义化标签1.1 新增页面结构标签标签名语义和功能属性单标签还是双标签header表示页面或section中的页眉双footer表示页面或section中的页脚双article表示文章、博客、新闻、帖子、评论等双aside表示侧边栏双nav表示导航双section表示页面中的一节或文章中的一段双总结: HTML5新增的这些结构标签就是具有语义的原创 2021-04-30 09:55:00 · 124 阅读 · 0 评论 -
HTML-页面布局
页面布局1 页面布局1.2 样式重置方案一: reset.css 去掉元素默认的样式方案二: normalize.css 重置设置元素的默认样式达到各个浏览器统一1.2 版心PC 页面一般都需要一个固定宽度的版心,并且版心是居中的。.container { width: 1000px; margin: 0 auto;}2 精灵图2.1 什么是精灵图CSS Sprites,翻译为精灵图或者雪碧图。所谓精灵图就是把好多小的图片合并一张大图, 以该大图为背景图片的元素原创 2021-04-30 09:52:27 · 124 阅读 · 0 评论 -
HTML-浮动(特点-影响-居中)-定位
浮动(特点-影响-居中)-定位1 回顾1. 盒子模型 1.1 盒子的显示模式 1.2 盒子模型的组成 1.3 盒子的内容区域 1.4 内边距 1.5 边框 1.6 外边距 1.7 溢出内容的显示方式 1.8 如何隐藏元素2. 默认样式和继承样式 元素本身的样式 > 默认的样式 > 继承的样式 3. 浮动2 浮动2.1 浮动的简介浮动设计的最初想法是为了实现文字环绕图片的效果。目前浮动成为了前端主流的布局方式。原创 2021-04-30 09:51:21 · 1185 阅读 · 0 评论 -
HTML-盒子模型(padding-margining)-样式继承-浮动
盒子模型(padding-margining)-样式继承-浮动1 回顾1. 常用属性 背景属性: background-color、background-image、background-repeat、background-position、background-attachment、background 鼠标光标样式: cursor 值: pointer、move 列表样式: list-style-type、list-style-position、list-style-image、l原创 2021-04-30 09:49:11 · 576 阅读 · 0 评论 -
HTML-CSS长度-颜色设置-选择器-盒子模型-基本属性(font)
CSS长度-颜色设置-选择器-盒子模型-基本属性(font)1 CSS 基本语法1.1 CSS 和 HTML 的关系CSS 样式作用在 HTML 元素上。1.2 HTML 中使用 CSS 的三种方式① 行内式<p style="样式..."></p>② 内嵌式(内联式)<style> CSS 样式设置...</style>③ 外链式CSS 写在单独的 CSS 文件中,HTML 中使用 link 标签关联该 CSS 文件<原创 2021-04-30 09:46:54 · 1320 阅读 · 0 评论 -
HTML-Label-框架-字符实体-全局属性-CSS基本语法结构
HTML-Label-框架-字符实体-全局属性-CSS基本语法结构1 回顾1.1 列表ulollidldtdd1.2 表格tablecaptiontheadtfoottbodytrthtd2 表单2.1 表单总体设置<!--表单--><form action="http://www.baidu.com/s" target="_blank"> <!--输入框--> <input type="text" n原创 2021-04-30 09:27:36 · 396 阅读 · 0 评论 -
HTML-列表、表格、表单
列表-表格-表单-表单控件1 回顾1.1 文本标签em 强调,默认表现为斜体strong 强调,默认表现为粗体del 删除的内容,默认添加删除线ins 添加的内容,默认添加下划线sub 下标字sup 上标字1.2 图片标签img 单标签属性: src alt width height border绝对路径: 完整的网络路径相对路径: ./ 目标文件在同级或者下级 ../ 目标文件在上级或者更上级1.3 超链接和锚点① 超链接a 标签,原创 2021-04-30 08:38:25 · 183 阅读 · 0 评论 -
HTML-超链接锚点笔记
超链接-锚点一 文本标签标签名语义和功能属性单or双em表示强调,斜体字双stong表示强调,语气更强烈,粗体字双ins表示新添加的内容,添加下划线双del表示删除的内容,添加删除线双sub下标字双sup上标字双二 图片1 img标签标签名语义和功能属性单or双img在页面中显示图片src属性:指定图片的地址。alt属性:指定图片的代替文字。width属性:设置图片的宽度。he原创 2021-04-30 08:35:10 · 580 阅读 · 0 评论 -
HTML-HTML基本语法和标签
HTML标签属性-注释-基本模板-格式排版一 快捷键# 标题* 列表```代码块**强调**二 常用的代码编辑器:WebStromVSCodeSublime TextAtomvimnodepad ++editplus…三 浏览器1 主流浏览器Chrome Firefox Safari IE Opera2 其他浏览器使用Chrome内核的浏览器,也称为壳浏览器四 HTML基本语法1 文档声明文档声明的作用: 让浏览器使用标准模式对页面进行渲染。<!原创 2021-04-13 21:15:21 · 159 阅读 · 0 评论