![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS+DIV布局
文章平均质量分 75
忙碌了一天的白师傅
这个作者很懒,什么都没留下…
展开
-
CSS3+HTML5+JavaScript:个人相册网站实现
一.网站要求登录,注册页面的邮箱,密码,项目使用正则表达式,格式错误时提醒。登录界面进入时旋转效果。注册信息要和登录信息一致,否则不予登录。数据传输可以不链接数据库。个人相册实现3D旋转效果。二.效果展示登录页面:注册页面:个人相册页面:三.设计思路数据传输通过localStorage或sessionStorage本地缓存实现注意:在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储,如果存储内容多的话会消耗内存空间,会导原创 2021-06-09 10:15:13 · 1255 阅读 · 5 评论 -
CSS3:基于transform与animatiin2D动画效果实现圆形移动变正方形后再变圆形
一.创建动画变化过程1.自定义动画过程move1的创建需要通过@keyframes进行声明。例如:<style>@keyframes move1{}</style>2.自定义每个阶段的变化。可以对div属性进行设置,也可以使用transform 的移动,选择,大小变化等方法。总的过程从0%到100%,可以自由设置每个阶段例如:@keyframes move{ 0%{ } 48%{原创 2021-06-04 11:16:57 · 940 阅读 · 0 评论 -
DIV屏幕居中布局的方法
一.利用绝对布局水平垂直居中绝对布局absolute是使当前元素相对于相对于开启了定位(除默认定位)的父容器,直到向外延申到body。案列:实现居中布局的代码:div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }上右下左不一定都设置为0px,设置成相同的量都有这样的效果。案列源码如下:可以直接使用<!DOCTYPE html><html lang="en"><h原创 2021-06-03 16:23:02 · 864 阅读 · 0 评论 -
margin的具体使用方法
定义和方法margin 属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值案例一margin:5px 10px 15px 20px;上外边距是 5px右外边距是 10px下外边距是 15px左外边距是 20px案例二margin:5px 10px;上外边距和下外边距是 5px右外边距和左外边距是 10pxmargin:0px auto;时,左右margin自动会使当前元素水平居中对齐margin:auto 0px;时,左右margin自动会使当前元原创 2021-06-03 09:02:20 · 1481 阅读 · 0 评论 -
CSS+DIV网页布局(1)
一.CSS(层叠样式表)的三种使用方法1. 内联样式表采用style属性。范围只针对此标签适用。该方式比较灵活,但是对于多个相同标签的同一样式定义比较麻烦,适合局部修改。又称行内样式,将 CSS 样式直接嵌入到 HTML 标签中。除特殊情况使用外,不建议使用内嵌样式表。案例:<p style="background-color:red; text-align:center;">内嵌样式</p>2. 内嵌样式表在HTML文档中的<head标签中使用&原创 2021-06-02 20:04:26 · 227 阅读 · 1 评论