HTML/CSS | Xuanmo Blog

HTML/CSS Grid布局

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

2018-10-25 23:53:28 3430 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 2912 6 31

阅读详情

HTML/CSS CSS3 新增文本属性

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

2016-12-25 01:54:52 6319 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 3890 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 4004 2 22

阅读详情

HTML/CSS HTML5 Video标签笔记

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

2016-11-07 00:44:16 3542 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 3439 0 18

阅读详情

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

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

2016-05-10 11:14:32 7721 2 23

阅读详情