- 浏览: 35910 次
- 性别:
文章分类
- 全部博客 (57)
- Java 面试 (1)
- html5 (12)
- FQA (1)
- 前端 (18)
- java (1)
- css (7)
- 前端,js,jquery (8)
- html (2)
- jquery,html5,html (2)
- css3 (1)
- 仅包括这些 (0)
- 前端,js,jquery 有效的实时监听input (1)
- esayui (2)
- echarts3 (0)
- from (1)
- linxu (1)
- linxu apr (1)
- jsonp (1)
- 冒泡事件 (1)
- IOS click延迟300秒,ios长按点击事件会有copy的选项 (1)
- js (1)
- vue (1)
- webpack3 (1)
- sass (1)
- node (1)
最新评论
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
.text-font{background-color: #fff;}
.text-font ul li{font-family: "微软雅黑";}
/*li:hover {font-size: 2rem;color: red;background-color:#000;transition: auto;}*//*:hover 鼠标悬浮到当前的元素上的时候加在的样式*/
li:active{font-family: "agency fb"; font-size: 3rem; background: #F5F5F5; color: red;}/*当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;*/
textarea:focus{font-family: "arial black";font-size: 1.2rem;resize:none}
textarea,input{resize:none;outline:none}/*去掉点击效果*/
li:active{font-family: "agency fb"; font-size: 3rem; background: #F5F5F5; color: red;}/
.check li.active i{background: #F66456;}
</style>
</head>
<body>
<div class="text-font">
<ul >
<li>美女-1</li>
<li>美女-2</li>
<li>美女-3</li>
<li>美女-4</li>
<li>美女-5</li>
<li>美女-6</li>
<li>美女-7</li>
<li>美女-8</li>
<li>美女-9</li>
<li>美女-10</li>
</ul>
<textarea></textarea>
<div class="check">
<li class="active">
<em><i>hhehehe </i></em>
</li>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
.text-font{background-color: #fff;}
.text-font ul li{font-family: "微软雅黑";}
/*li:hover {font-size: 2rem;color: red;background-color:#000;transition: auto;}*//*:hover 鼠标悬浮到当前的元素上的时候加在的样式*/
li:active{font-family: "agency fb"; font-size: 3rem; background: #F5F5F5; color: red;}/*当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;*/
textarea:focus{font-family: "arial black";font-size: 1.2rem;resize:none}
textarea,input{resize:none;outline:none}/*去掉点击效果*/
li:active{font-family: "agency fb"; font-size: 3rem; background: #F5F5F5; color: red;}/
.check li.active i{background: #F66456;}
</style>
</head>
<body>
<div class="text-font">
<ul >
<li>美女-1</li>
<li>美女-2</li>
<li>美女-3</li>
<li>美女-4</li>
<li>美女-5</li>
<li>美女-6</li>
<li>美女-7</li>
<li>美女-8</li>
<li>美女-9</li>
<li>美女-10</li>
</ul>
<textarea></textarea>
<div class="check">
<li class="active">
<em><i>hhehehe </i></em>
</li>
</div>
</div>
</body>
</html>
发表评论
-
input 特殊处理禁止输入特殊符号或者限制输入中文
2018-06-07 14:46 0<input class="js_input ... -
调用百度的搜索引擎
2017-09-28 11:26 0<!DOCTYPE html> <html& ... -
移动端碰到的坑
2017-09-22 15:34 651不废话 直接上代码: *{ -webkit-touch- ... -
移动端网页布局注意事项及解决
2017-08-01 17:10 10661.winphone系统a、input标签被点击时产生的半透明 ... -
全选反选
2017-05-09 18:34 439<div class="js_mobile&q ... -
发送验证码
2017-03-15 15:54 0<input type="button&quo ... -
common css公共
2020-05-06 11:35 316/*遮罩层*/ .shadow{ position: fixe ... -
common 校验
2017-03-15 10:32 0/*限制只能输入数字*/ $("#username& ... -
纯CSS+CSS3右上角倾斜四十五度封页角效果
2016-08-16 17:07 4455加广告与加封页脚的代码是差不多的! 以前封页脚都是图片现在 ... -
图形笑脸 增加动画
2016-07-21 15:23 529<!DOCTYPE html> <html& ... -
各种图形
2016-07-21 14:47 457<!DOCTYPE html PUBLIC " ... -
mui框架 上拉加载 下拉刷新
2016-07-15 15:38 680<!DOCTYPE html> <html& ... -
html5放大缩小
2015-06-26 10:06 388<style> div{ margin: ... -
html5+css3动画
2015-06-11 17:51 420此动画仅限谷歌浏览器···· <!DOCTYPE h ... -
html5画布=圆
2015-06-08 16:56 486<!DOCTYPE html> <html& ... -
HTML5画布+jquery
2015-06-08 16:00 539<!DOCTYPE html> <html& ...
相关推荐
JQuery+CSS3样式定义
这是自己整理的CSS3API文档,希望对大家有所帮助!
常用的div动画库,需要IE10及以上版本、chrome、firefox等支持css3的浏览器
在定义CSS时,需要知道其书写语法和影响范围,此文档给你说明
效果描述: 你是否还在为你的网页中复杂而又丑陋的表格而烦恼? 往往很多默认的表格都不好看,而样式又比较难以控制 ... 今天懒人站长特意整理了... 1、head中的css样式复制到你的样式表中即可实现漂亮的table效果
UI留言评论css3样式
纯css3样式属性制作各种图形图标样式代码
超酷的css3样式图片上传加载(Loading)动画图标
div CSS3动画带有的按钮_css3样式表属性动画按钮
css3样式环形星星发光动画效果是一款纯css3制作的属性透明环形星星发光效果。
简单的运用CSS3样式将DIV渲染成悬浮立体方块
html5+css3 样式和帮助文档
彩色垂直时间轴CSS3样式是一款创意响应式时间轴样式布局代码。
div css3样式表制作css3图片聚光灯特效
关于浏览器兼容CSS3样式问题—CSS3样式前缀。以及CSS3中线性渐变的相关知识的讲解和代码示范。
动画是使元素从一种样式逐渐变化为另一种样式的效果。 创建CSS3动画 设置@keyframes动画规则 animation应用动画规则 1 @keyframes规则规定动画的变化状态。 两个状态的效果,应用from,to,from动画开始,to动画结束...
css3样式代码生成器小工具 很实用的,有些东西不需要写了
网页样式css3
CSS3样式表指导手册,腾讯出品!CSS3样式表指导手册,腾讯出品!
一个可以查询HTML5、css3样式图标的网页程序,通过下载提供的字体,然后在CSS中加载字体,就可以在样式中加载对应的ID显示相应的图标。 小提示:请使用IE浏览器9.0及以上,或者使用火狐浏览器、谷歌浏览器。