wyr123789
- 浏览: 38234 次
- 性别:
-
文章分类
- 全部博客 (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 695不废话 直接上代码： *{ -webkit-touch- ... -
移动端网页布局注意事项及解决
2017-08-01 17:10 11841.winphone系统a、input标签被点击时产生的半透明 ... -
全选反选
2017-05-09 18:34 481<div class="js_mobile&q ... -
发送验证码
2017-03-15 15:54 0<input type="button&quo ... -
common css公共
2020-05-06 11:35 356/*遮罩层*/ .shadow{ position: fixe ... -
common 校验
2017-03-15 10:32 0/*限制只能输入数字*/ $("#username& ... -
纯CSS+CSS3右上角倾斜四十五度封页角效果
2016-08-16 17:07 4549加广告与加封页脚的代码是差不多的！ 以前封页脚都是图片现在 ... -
图形笑脸 增加动画
2016-07-21 15:23 581<!DOCTYPE html> <html& ... -
各种图形
2016-07-21 14:47 495<!DOCTYPE html PUBLIC " ... -
mui框架 上拉加载 下拉刷新
2016-07-15 15:38 724<!DOCTYPE html> <html& ... -
html5放大缩小
2015-06-26 10:06 432<style> div{ margin: ... -
html5+css3动画
2015-06-11 17:51 473此动画仅限谷歌浏览器···· <!DOCTYPE h ... -
html5画布=圆
2015-06-08 16:56 528<!DOCTYPE html> <html& ... -
HTML5画布+jquery
2015-06-08 16:00 578<!DOCTYPE html> <html& ...
相关推荐
**CSS3样式表详解** CSS3，全称Cascading Style Sheets（层叠样式表），是用于描述HTML或XML（包括各种XML方言，如SVG、XHTML等）文档样式的样式表语言。它允许我们将样式规则与内容分离，提高了网页设计的灵活性...
在实际的“15-css3-loading-icon”压缩包中，可能包含了多个CSS样式文件和HTML文件，它们共同协作实现了这些动画效果。HTML文件负责布局和结构，而CSS文件则用于定义样式和动画。开发者可能还使用了SVG（可缩放矢量...
这是自己整理的CSS3API文档，希望对大家有所帮助！
【CSS3样式代码生成器小工具】是一种在线的开发辅助工具，它极大地简化了CSS3样式的编写过程，尤其对于初学者或者忙碌的开发者来说，能够显著提高工作效率。这款工具通常包含了一系列预设的样式选项，用户只需通过...
1. 将`Free CSS3 Button Styles`压缩包解压，找到包含CSS样式的文件，如`buttons.css`。 2. 在你的HTML文件中引入这个CSS文件，通常放在`<head>`标签内：`<link rel="stylesheet" href="buttons.css">` 3. 创建HTML...
在定义CSS时，需要知道其书写语法和影响范围，此文档给你说明
效果描述： 你是否还在为你的网页中复杂而又丑陋的表格而烦恼？ 往往很多默认的表格都不好看，而样式又比较难以控制 ... 今天懒人站长特意整理了... 1、head中的css样式复制到你的样式表中即可实现漂亮的table效果
CSS3是层叠样式表（Cascading Style Sheets）的第三个版本，极大地扩展了CSS的功能。CSS3提供了更多的选择器，如类选择器、伪类选择器和属性选择器，使样式规则更加精确。它还引入了边框阴影、圆角、背景图像裁剪、...
例如，index.html和readme.html可能是示例代码和介绍文档，js目录下的文件可能包含用于交互逻辑的JavaScript代码，而css目录则包含了实现这些炫酷效果的CSS样式文件。fonts目录可能包含用于图标替换的字体文件，...
在本文中，我们将深入探讨如何使用CSS3来实现一个八方向云台遥控器的样式。云台遥控器是用于控制摄像头或类似设备在八个不同方向上移动的装置，这种功能通常应用于无人机、监控系统等领域。在网页开发中，通过CSS3...
一个可以查询HTML5、css3样式图标的网页程序，通过下载提供的字体，然后在CSS中加载字体，就可以在样式中加载对应的ID显示相应的图标。 小提示：请使用IE浏览器9.0及以上，或者使用火狐浏览器、谷歌浏览器。
"CSS3卡片折叠样式3D文字标题特效"就是一个利用CSS3的强大功能，结合JavaScript来实现的动态网页设计。这个特效使得页面标题在鼠标悬停时能够呈现出3D折叠效果，增加了用户体验的互动性和视觉吸引力。 首先，我们要...
《HTML5+CSS3 网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容。本课程旨在让学生了解网页开发历程 及其未来方向，熟悉网页设计流程、掌握...
在IT行业中，尤其是在前端开发领域，CSS3是现代网页设计不可或缺的一部分，它提供了丰富的样式和动画功能。然而，由于历史原因，Internet Explorer（IE）浏览器对CSS3的支持相对滞后，尤其是旧版本。针对这种情况，...
css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载
3. **表头样式**：`th`元素可以使用`text-align`、`font-weight`等属性调整文字对齐方式和粗细。例如： ```css th { text-align: left; font-weight: bold; } ``` 4. **单元格内边距**：使用`padding`属性...
CSS3Ps 是一款值得推荐的插件，可以将 Photoshop 中的矢量图形，全部转换为 CSS3 样式的图形，这样就可以把大量的时间放到设计上了，而不是还在纠结那些代码该怎么写。 下载提示：附件包内有两个文件，分别是：...
原本不是圆形图片，通过CSS样式布局实现成圆形图片，首先图片必须为正方形。 二、使用布局技术 使用CSS3 圆角技术实现。 使用CSS3样式单词：border-radius 语法： div{border-radius:5px} 对图片设置...
2. css3样式效果 1.渐进颜色变化 2.按钮进行中状态 3.圆360度转动 4.圆上有线进行上下移动扫描 5.扇形百分比图
在网页设计领域，CSS3（层叠样式表第三版）为开发者提供了更多创新和自定义的可能性，其中之一就是创建丰富的按钮样式。本资源“5款纯css3按钮样式”就是一个很好的例子，展示了如何利用CSS3的特性来打造吸引眼球且...