CSS类名支持中文命名的示例


Posted in HTML / CSS onApril 04, 2014

HTML 和 CSS

在HTML里使用CSS类名的方式大家应该都知道,自然是这样:

复制代码
代码如下:

<-- 把这个放在html的头信息里 -->
<meta charset="UTF-8" /></p> <p><-- 错误信息 -->
<div class="ಠ_ಠ lazy ">你不允许查看这个页面。</div></p> <p><-- 成功信息 -->
<div class="❤ lazy ">你的变更信息已经成功的保持!</div></p> <p><-- 感谢信息 -->
<div class="感谢 lazy ">感谢你关注WebHek.com!</div>

…下面是声明CSS样式规则:
复制代码
代码如下:

.ಠ_ಠ {
border: 1px solid #f00;
background: pink;
}</p> <p>.❤ {
background: lightgreen;
border: 1px solid green;
}</p> <p>.感谢 {
background: yellow;
border: 1px solid green;
}

效果演示:

CSS类名支持中文命名的示例

大家也可以把以上代码放入HTML文件时,查看效果~

用中文名做类名是不是很新鲜?当然,我并不推荐这样做,但如果你喜欢,那又何妨!

HTML / CSS 相关文章推荐
css3中的calc函数浅析
Jul 10 HTML / CSS
利用纯css3实现的文字亮光特效的代码演示
Nov 27 HTML / CSS
使用CSS3来绘制一个月食图案
Jul 18 HTML / CSS
CSS3 实现发光边框特效
Nov 11 HTML / CSS
HTML5边玩边学(1)画布实现方法
Sep 21 HTML / CSS
HTML5 input placeholder 颜色修改示例
May 30 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
Mar 22 HTML / CSS
Html5实现用户注册自动校验功能实例代码
May 24 HTML / CSS
Html5元素及基本语法详解
Aug 02 HTML / CSS
详解HTML5将footer置于页面最底部的方法(CSS+JS)
Oct 11 HTML / CSS
HTML5 图片悬停放大的实现代码示例
Dec 04 HTML / CSS
html网页引入svg图片的4种方式
Aug 05 HTML / CSS
多重CSS背景动画实现方法示例
Apr 04 #HTML / CSS
CSS图片翻转动画技术详解(IE也实现了)
Apr 03 #HTML / CSS
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
Apr 03 #HTML / CSS
css3实现input输入框颜色渐变发光效果代码
Apr 02 #HTML / CSS
CSS去掉A标签(链接)虚线框的方法
Apr 01 #HTML / CSS
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
Mar 31 #HTML / CSS
你应该知道的30个css选择器
Mar 19 #HTML / CSS
You might like
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
php实现网站留言板功能
2015/11/04 PHP
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
JScript的条件编译
2007/05/29 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
jquery PrintArea 实现票据的套打功能(代码)
2017/03/17 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
js实现随机点名小功能
2017/08/17 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
基于打包工具Webpack进行项目开发实例
2018/05/29 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
Python实现简单字典树的方法
2016/04/29 Python
Python基于ThreadingTCPServer创建多线程代理的方法示例
2018/01/11 Python
python使用插值法画出平滑曲线
2018/12/15 Python
python isinstance函数用法详解
2020/02/13 Python
使用 Python ssh 远程登陆服务器的最佳方案
2020/03/06 Python
python中reload重载实例用法
2020/12/15 Python
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
营业员实习自我鉴定
2013/12/07 职场文书
导师推荐信范文
2014/05/09 职场文书
篮球比赛策划方案
2014/06/05 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
离婚协议书的范本
2015/01/27 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
python批量创建变量并赋值操作
2021/06/03 Python
sql server 累计求和实现代码
2022/02/28 SQL Server