html属性应用实例,HTML5 contenteditable属性使用示例

CSS

语言：

CSSSCSS

确定

@import url(http://fonts.googleapis.com/css?family=Raleway:400,,800,900);

html {

width: 100%;

height: 100%;

}

* {

outline: none;

}

body {

background: -webkit-linear-gradient(#ebece7, white);

background: linear-gradient(#ebece7, white);

margin: 0;

width: 100%;

height: 100%;

font-family: 'Raleway', sans-serif;

}

.container {

position: absolute;

-webkit-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

left: 50%;

top: 50%;

max-wisth: 100%;

}

.title {

color: #333;

letter-spacing: -5px;

margin-left: -16px;

font-weight: 800;

color: transparent;

font-size: 100px;

background: url("https://download.unsplash.com/uploads/14116941824817ba1f28e/78c8dff1") repeat;

background-position: 30% 10%;

background-size: 200%;

-webkit-background-clip: text;

position: relative;

text-align: center;

line-height: 90px;

text-transform: uppercase;

}

.lg {

font-weight: 400;

}

.subtitle {

display: block;

text-align: center;

font-style: italic;

text-decoration: initial;

text-transform: uppercase;

padding-top: 10px;

color: #E93074;

}

h1 {

text-align: center;

font-family: 'Monsieur La Doulaise', cursive;

font-size: 40px;

}

html属性应用实例,HTML5 contenteditable属性使用示例相关推荐

html5新增属性有哪些,HTML5 新增属性
一.新增与链接相关的属性 1.为a与area元素增加media属性.该属性有效的前提是href属性必须存在.media属性定义了目标URL是针对哪种类型的媒介设备进行优化的. 2. 为area元素增加 ...
data:text/html html contenteditable,HTML5它contenteditable属性
HTML5它contenteditable属性 1.功能说明 (1)功能:同意用户编辑元素中的内容 (2)说明:是一个布尔值.false是不能编辑,true为可编辑 2.分析实例 (1)content ...
HTML contenteditable 属性
今天无意中看到这个属性,特此记录一下. 浏览器支持所有主流浏览器都支持 contenteditable 属性定义和用法 contenteditable 属性指定元素内容是否可编辑. 注意: 当元素 ...
类属性和实例属性的区别
先看图理解: 类属性就相当与全局变量,实例对象共有的属性,实例对象的属性为实例对象自己私有. 类属性就是类对象(Tool)所拥有的属性,它被所有类对象的实例对象(实例方法)所共有,在内存中只存在一个副 ...
html5 contenteditable 可编辑属性
今天在工作中遇到了这样的需求.如上gif显示. 于是就仔细的看下了 h5新增的这个可编辑属性 contenteditable contenteditable 属性规定是否可编辑元素的内容.conten ...
html5 新增属性了解
2019独角兽企业重金招聘Python工程师标准>>> autofocus 获取焦点 <input type="text" name="fna ...
html5写入唯一标识,id - 唯一标识符 - html5全局属性
id id全局属性定义唯一标识符(ID),该标识符在整个文档中必须是唯一的.其目的是在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素. 示例 A normal, boring paragr ...
html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
HTML5: 全局属性
出处:http://www.cnblogs.com/starof/p/4593741.html 全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添 ...

html属性应用实例,HTML5 contenteditable属性使用示例

html属性应用实例,HTML5 contenteditable属性使用示例相关推荐

最新文章

热门文章