HTML和CSS
文章平均质量分 97
记录所有和HTML、CSS相关的内容
只爭朝夕不負韶華
本博客主要用于分享学习笔记和学习/工作中遇到的一些问题,不加任何社交平台好友。博主目前负责前端开发,但仍在努力学习更多技术和知识。愿世上永无BUG。
展开
-
⑮HTML5 音视频标签的简单使用,状态标签,列表标签
Html5音频 & 视频H5中对音视频的设计初次使用音视频兼容性写法音视频js相关属性音视频js相关函数js相关事件例:音阶导航本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷音频 & 视频大家都有在网页中浏览视频的经历,但在Html5之前,对视频乃至音频都还没有一个标准。因此在网页中看到的视频,都要通过第三插件的方式嵌入,可能是QuickTime,也可能是 RealPlayer 或者 Flash。浏览器很好的整合了这些插件,从原创 2020-06-04 21:23:11 · 483 阅读 · 0 评论 -
⑭HTML5 canvas的一系列使用方法(2)
Html5使用图片&设置背景渐变效果绘制文本例:canvas中 文本水平垂直居中阴影(文本阴影&盒模型阴影)像素操作例:操作单个像素(行与列)例:给图片加上马赛克合成其他用法本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷使用图片&设置背景在canvas中插入图片(需要image对象):1.canvas操作图片时,必须要等图片加载完才能操作2.drawImage(image, x, y, width, height)原创 2020-06-04 19:27:50 · 499 阅读 · 0 评论 -
⑬HTML5 canvas的一系列使用方法(1)
Html5canvas初次使用绘制矩形绘制路径本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷canvas初次使用什么是canvas(画布) ?<canvas> 是 HTML5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形,创建动画。我们可以使用<canvas>标签来定义一个canvas元素。使用<canvas>标签时,建议要成对出现,不要使用闭合的形式。在使用<canvas&原创 2020-06-04 13:12:47 · 437 阅读 · 0 评论 -
⑫HTML5与之前HTML的区别
Html5Html5概述H5与之前的区别DOCTYPE根标签html语义化标签hgroupheadernavsectionarticleasidefooter和class相关的内容自定义属性可编辑元素内容:contenteditable属性本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷Html5概述HTML5 是定义 HTML 标准的最新版本。它是一个新版本的HTML语言,具有新的元素,属性和行为;它有更大的技术集,允许更多样化和强大的网原创 2020-06-03 16:08:10 · 705 阅读 · 0 评论 -
⑪HTML+CSS 页面设计练习
练习01_图片的列表02_京东左侧导航条03_网易新闻的右侧列表 ※04_w3导航条 ※05_京东的轮播图 ※06_京东顶部导航条 ※07_背景重复08_按钮练习09_雪碧图 ※10_电影卡片 ※11_米兔的动画 ※12_奔跑的少年 ※13_钟表 ※14_复仇者联盟 ※15_再做导航条(弹性容器) ※16_淘宝导航17_移动端页面 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处...原创 2020-04-03 22:02:25 · 1531 阅读 · 0 评论 -
⑩HTML+CSS 弹性盒 及 移动端页面简述
弹性盒子本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷原创 2020-04-03 09:32:49 · 309 阅读 · 0 评论 -
⑨HTML+CSS 动画效果(animation)
动画效果过渡 ※动画 ※变形 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷过渡 ※通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户的体验transition-property 指定要执行过渡的属性 。多个属性间使用,隔开如果所有属性都需要过渡,则使用all关键字。大部分属性都支持...原创 2020-04-02 23:08:29 · 425 阅读 · 0 评论 -
⑧HTML+CSS 表格和表单的基本设置
表格和表单表格table、tr、th、td标签caption、thead、tbody、tfoot标签 ※合并单元格 ※表格的样式 ※表单 ※表单项 ※input ※select、optiontextareafieldset、legend、label例 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷表格• 在Web的历史中,HTML...原创 2020-04-02 15:40:59 · 425 阅读 · 0 评论 -
⑦HTML+CSS 设置元素背景
背景 ※background-colorbackground-imagebackground-repeatbackground-positionbackground-attachment ※background简写属性其他属性渐变 ※径向渐变 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷background-color• bac...原创 2020-04-02 14:55:02 · 509 阅读 · 0 评论 -
⑥HTML+CSS 定位
定位定位相对定位 ※绝对定位 ※固定定位 ※粘滞定位 ※ (导航条)绝对定位元素的布局元素的层级 z-index ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷定位• position属性可以控制Web浏览器如何以及在何处显示特定的元素。即可以使用position属性把一个元素放置到网页中的任何位置。• 可选值:static ...原创 2020-04-02 13:53:42 · 234 阅读 · 0 评论 -
⑤HTML+CSS 浮动
浮动文档流(normal flow)浮动 ※浮动其他的特点网页的布局高度塌陷的问题 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷文档流(normal flow)网页是一个多层的结构,一层摞着一层。将窗体自上而下分成一行行,并在每行中按从左至右的顺序排放元素,即为文档流。通过CSS可以分别为每一层来设置样式作为用户来讲只能看...原创 2020-04-02 10:48:20 · 172 阅读 · 0 评论 -
④HTML+CSS 盒子模型
盒子模型文档流(normal flow)盒子 ※内容区内边距边框外边距盒子的水平布局 ※盒子的垂直布局 ※外边距的重叠行内元素的盒模型 ※默认样式 ※盒子的尺寸 ※轮廓和圆角 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷文档流(normal flow)网页是一个多层的结构,一层摞着一层。将窗体自上而下分成一行行,并在每行中按从...原创 2020-04-01 21:46:45 · 263 阅读 · 0 评论 -
③HTML+CSS 文本格式化 (颜色、单位、文本样式)
文本格式化——为内容设置不同的样式单位 ※颜色 ※文本样式文字大小斜体和粗体 ※小型大写字母字体 ※行高 ※字体属性的简写 ※大写化 ※设置网页如何处理空白文本的修饰 ※首行缩进字母间距和单词间距对齐文本 ※图标字体本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷单位 ※• px如果我们将一个图片放大的话,我们会发现一个图片是有一个...原创 2020-04-01 14:57:56 · 1040 阅读 · 0 评论 -
②CSS介绍及选择器的基本使用
CSS选择器选择器元素选择器类选择器ID选择器通用选择器复合选择器群组选择器后代选择器子元素选择器 ※兄弟选择器 ※属性选择器 ※伪类和伪元素 ※其他子元素选择器 ※否定伪类样式的继承选择器的权重 ※本人是个新手,写下博客用于自我复习、自我总结。如有错误之处,请各位大佬指出。学习资料来源于:尚硅谷CSS 层叠样式表 (Cascading Style Sheets)• css可以用来...原创 2020-04-01 10:45:33 · 204 阅读 · 0 评论 -
①HTML介绍及标签用法
关于HTML标签的相关介绍和用法原创 2020-04-01 00:31:28 · 8162 阅读 · 0 评论