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圆角样式分享自定义按钮样式
Dec 27 HTML / CSS
css3的图形3d翻转效果应用示例
Apr 08 HTML / CSS
CSS3制作漂亮的照片墙的实现代码
Jun 08 HTML / CSS
Grid 宫格常用布局的实现
Jan 10 HTML / CSS
HTML5离线缓存Manifest是什么
Mar 09 HTML / CSS
html5各种页面切换效果和模态对话框用法总结
Dec 15 HTML / CSS
解析HTML5的存储功能和web SQL的相关操作方法
Feb 19 HTML / CSS
多视角3D可旋转的HTML5 Logo动画
Mar 02 HTML / CSS
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
Aug 18 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
Apr 17 HTML / CSS
详解canvas绘制网络字体几种方法
Aug 27 HTML / CSS
CSS+HTML 实现顶部导航栏功能
Aug 30 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
探讨方法的重写(覆载)详解
2013/06/08 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
认识延迟时间为0的setTimeout
2008/05/16 Javascript
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
JavaScript null和undefined区别分析
2009/10/14 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
python如何读取bin文件并下发串口
2019/07/05 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
学习十八大精神心得体会
2013/12/31 职场文书
给物业的表扬信
2014/01/21 职场文书
社区党员公开承诺书
2014/08/30 职场文书
计划生育汇报材料
2014/12/26 职场文书
面试复试通知单
2015/04/24 职场文书
详解Java七大阻塞队列之SynchronousQueue
2021/09/04 Java/Android
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
Linux、ubuntu系统下查看显卡型号、显卡信息详解
2022/04/07 Servers