![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
木易一
这个作者很懒,什么都没留下…
展开
-
HTML+CSS基础
一、关于HTML HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标记标签通常被称为 HTML 标签 (HTML...原创 2018-11-14 20:11:21 · 318 阅读 · 0 评论 -
圣杯布局 双飞翼布局
圣杯布局和双飞翼布局效果相同,实现方法不同。都是为了实现两侧宽度固定,中间宽度自适应的三栏布局。如下图:圣杯布局借助的是其他非主要元素覆盖了其父元素的padding值所占据的宽度,同一个杯子,非主要元素其只是占据了全部容器的padding值部分;使用flex弹性布局实现<!DOCTYPE html><html><head lang="en"&...原创 2019-05-16 19:15:06 · 142 阅读 · 0 评论 -
水平居中和垂直居中
整理一下。。。水平居中块级元素:给元素设置magin:0 auto;<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ marg原创 2019-03-13 20:41:38 · 400 阅读 · 0 评论 -
几种网页布局的优缺点
一、静态布局特点:网页上的所有元素的尺寸都使用px作为单位。无论浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的PC端网页都是静态(定宽度)布局的。PC端:通常使用居中布局,所有样式的宽高都是固定的,有滚动条。移动端:需要重新写单独的一套样式。优点:简单方便,不存在兼容问题。缺点:网页无法根据用户设备屏幕的宽度进行自适应。二、流式布局特点:页面元素...原创 2019-05-16 19:32:25 · 12426 阅读 · 1 评论 -
HTML5 video
<video>标签的属性src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度html 代码 <video id="media" src="http://www.sundxs.com/te...原创 2019-02-20 11:32:54 · 1050 阅读 · 0 评论 -
Web存储相关技术
Web存储的相关技术有sessionStorage、localStorage和cookieshtml5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。1.客户端存储:window.sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。2.硬盘存储:window.loca...原创 2019-02-20 11:26:22 · 276 阅读 · 0 评论 -
canvas动画案例
案例一效果图如下:代码:<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; p原创 2019-02-20 11:07:13 · 548 阅读 · 0 评论 -
HTML5 canvas
一、关于canvascanvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘...原创 2019-02-20 10:42:21 · 312 阅读 · 0 评论 -
京东网站仿写(2)
二、技术要点 12.背景图片 CSS样式里background-image: url("此处为图片地址");雪碧图:CSS雪碧图的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position属性渲染,这也就意味着你的标签变得更加复杂了,图片是在CSS中定义,而非&l...原创 2018-11-28 17:26:18 · 900 阅读 · 0 评论 -
京东网站仿写(1)
一、网页布局 通过对所有电商网页的观察可以看出,电商网页的布局、功能性、美观性等均是我们常见的网页中比较复杂,综合性比较强的一类网页,在整体布局有导航栏、搜索栏、菜单栏、 banner图等模块,每个模块对应的样式都必须分毫不差,这样最后呈现的网页才足够整洁。二、技术要点 1. 网页的写法 一个完整的网页包括HTML、CSS、JavaScript三...原创 2018-11-22 18:42:27 · 1533 阅读 · 0 评论 -
HTML5+CSS3
一、关于HTML5 HTML5 是最新的 HTML 标准。 HTML5 拥有新的语义、图形以及多媒体元素。提供的新元素和新的 API 简化了 web 应用程序的搭建。 HTML5 是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。 HTML4 升级到HTML5, 去掉了一些旧的标签,加入了一些新的标签 HTML4 和HTML5区别...原创 2018-12-05 17:40:45 · 391 阅读 · 0 评论 -
Flex布局
关于flex布局,收藏一下。。http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttps://blog.csdn.net/m0_37851778/article/details/77241009https://blog.csdn.net/lm9948/article/details/80732702https://bl...原创 2019-05-16 19:24:21 · 132 阅读 · 0 评论