会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
一颗糊涂淡
博客园
首页
新随笔
联系
管理
订阅
上一页
1
···
8
9
10
11
12
13
下一页
2019年6月11日
简单通过js实现轮播图
摘要: 选取几张图片然后用HTML放入图片,CSS布局,js用setInterval设置时间延时 进行自动播放 代码部分: HTML CSS JS 显示效果:
阅读全文
posted @ 2019-06-11 09:52 一颗糊涂淡
阅读(8243)
评论(0)
推荐(0)
2019年6月7日
switch case的应用
摘要: 格式: 上面的n可以是一个数字、数组、字符串。 当n与a匹配上的时候,则执行当前case下面的输出语句,如果有break存在,name在输出之后会马上跳出当前switch语句,若当前case输出语句后面没有break,则输出当前case语句之后继续执行判断,直到break跳出当前switch。 ca
阅读全文
posted @ 2019-06-07 11:11 一颗糊涂淡
阅读(1077)
评论(0)
推荐(0)
2019年5月30日
显示、隐藏
摘要: 通过css设置HTML页面上的显示、隐藏有以下几种方法: 通过下面的页面更加清楚的了解: 当前显示为: 1.用display:none进行设置 现在对part3加入display:none 页面显示: 可以看到,现在part3被隐藏了 2.用透明度opacity进行设置,当opacity值为0时,p
阅读全文
posted @ 2019-05-30 19:15 一颗糊涂淡
阅读(173)
评论(0)
推荐(0)
.container的应用
摘要: container属性设置了上下外边距为0,左右自动,在整个页面中布置了一个自动左右居中的区域,根据页面布局的需要,所有适合这样布局的部分,都可以嵌套在container下面,作为container的子级。 container可以根据子级的内容,自动调整布局,针对整个页面进行设置。 上面的代码得到下
阅读全文
posted @ 2019-05-30 18:28 一颗糊涂淡
阅读(2233)
评论(0)
推荐(0)
用CSS对HTML进行初始化设置
摘要: 在平时写代码的时候,会遇到内容或者背景不能完全贴合到页面边框的情况,仔细找一下,会发现是浏览器给body设置了外边距。 可以看到,浏览器bdoy自设了8px的外边距,因此,在开始之前,应该先对页面进行初始化设置。 这样,就基本完成了初始化,可以自己根据需要设置内容边距了 通常情况下,页面布局中会用到
阅读全文
posted @ 2019-05-30 17:32 一颗糊涂淡
阅读(2323)
评论(0)
推荐(0)
CSS Id 和 Class选择器
摘要: 在用CSS给页面内容添加样式时,id和class是常用的选择器。 id: 同一个HTML页面不允许出现相同的id,id选择器适用于一些特定的属性添加,用 #id值 来定义。 class: class属性可以出现很多次,经常遇到页面中很多地方会用到相同的样式,例如,页面中,a标签里面加链接的内容通常不
阅读全文
posted @ 2019-05-30 15:21 一颗糊涂淡
阅读(291)
评论(0)
推荐(0)
给文字添加阴影效果
摘要: CSS3中,可以给文字添加阴影,也可以给盒子添加阴影,从而达到更好的视觉效果 文字添加阴影用text-shadow属性,默认none。 texe-shadow 语法: h-shadow:阴影的水平位置 v-shadow:阴影的垂直位置 blur:阴影的模糊程度 color:阴影的颜色 HTML: C
阅读全文
posted @ 2019-05-30 14:49 一颗糊涂淡
阅读(642)
评论(0)
推荐(0)
用CSS3动画 animation实现图片旋转
摘要: 利用animation的动画过渡效果制作一个图片旋转的动画。 随便取了一个图片素材 HTML代码: CSS代码: 动画效果:
阅读全文
posted @ 2019-05-30 13:59 一颗糊涂淡
阅读(4248)
评论(0)
推荐(0)
弹性盒子 flex-direction
摘要: 使用弹性盒子可以更方便的对页面内容进行布局 flex-direction指定了子元素在父元素盒子中的排列方式 1.flex-direction:row flex默认排列方式,从左到右排列,左对齐 2.flex-direction:row-reverse 与row反向,从右向左排列,右对齐,第一个在最
阅读全文
posted @ 2019-05-30 13:09 一颗糊涂淡
阅读(2963)
评论(0)
推荐(0)
transform转换
摘要: 常用的transform功能: 1.translate 位移 实现位移: 2.rotate 旋转 3.scale 缩放 4.skew 扭曲
阅读全文
posted @ 2019-05-30 12:09 一颗糊涂淡
阅读(241)
评论(0)
推荐(0)
上一页
1
···
8
9
10
11
12
13
下一页
公告