• 当前频道:HTML/CSS

HTML/CSS Grid布局

介绍 CSS Grid可轻松构建复杂的Web设计。它的工作原理是将HTML元素转换为具有行和列的网格容器,以便将子元素放置在网格中所需的位置。 通过将元素的父级设置display: grid;转化为网格布局。 <div class="grid-wrap"> <div class="grid-item"

2018-10-25 23:53:28 3515 10 36
阅读详情

HTML/CSS meta标签整理

文章内容均来自他出,每次都会用到一些meta标签,这里做一下整理 声明文档使用的字符编码 <meta charset="utf-8"> 移动端开发Viewport content参数说明 width=viewport 宽度(数值/device-width) height=viewport 高度(数值/dev

2018-01-17 18:01:08 2968 6 31
阅读详情

HTML/CSS CSS3 新增文本属性

text-overflow 定义文本溢出时所做的事,结合white-space、overflow属性一同使用,分别有3个值:    clip:超出时裁剪文本    ellipsis:超出时显示省略号    inherit: 各浏览器兼容图 word-break

2016-12-25 01:54:52 6384 21 42
阅读详情

HTML/CSS CSS3 text-shadow属性

text-shadow复合属性 css3新增文本属性,给文本做修饰的,属性的值可跟多组,用逗号隔开。 语法:text-shadow: h-shadow v-shadow blur color。   h-shadow:水平方向偏移;   v-shadow:垂直方向偏移; &nbsp

2016-12-16 00:23:02 3948 2 29
阅读详情

HTML/CSS css3 animation动画属性

animation复合属性 animation-name: 规定动画名称; animation-duration: 动画执行完成所需时间,单位s; animation-timing-function: 动画运动曲线,默认为ease; animation-delay: 规定是否延迟执行,默认为0; animation-i

2016-11-20 23:38:14 4052 2 22
阅读详情

HTML/CSS HTML5 Video标签笔记

autoplay:媒体加载完成自动播放,标签属性 controls:显示播放控件,标签属性 loop:循环播放,标签属性 currentTime:当前播放时间,单位:秒 currentSrc:返回当前媒体文件URL duration:媒体总时间 ended:媒体是否已经播放完,Boolean inittalTime:返

2016-11-07 00:44:16 3592 4 33
阅读详情

HTML/CSS css3 过渡transition属性

transition是css3新增属性,可不用JavaScript、jQuery、flash等实现一些动画,以下为个人笔记: transition:简写属性,一共4个值;   transition-property:css属性名,width、height...;   transi

2016-11-03 21:58:30 3493 0 18
阅读详情

HTML/CSS 让盒子在网页中居中的方法

让一个盒子居中的几种方法,通过绝对定位实现,会跟着浏览器窗口的缩放不断调整位置,一直居中 通过绝对定位,定位时上边距与左边距都给50%,在利用margin减去当前盒子的一半宽度与高度 .box{ position: absolute; top: 50%; left: 50%; width: 100px; height:

2016-05-10 11:14:32 7884 2 23
阅读详情
  • 1
  • 2
  • 3
前往