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 相关文章推荐
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
Feb 04 HTML / CSS
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
Feb 04 HTML / CSS
CSS3下的渐变文字效果实现示例
Mar 02 HTML / CSS
纯css3制作煽动翅膀的蝴蝶的示例
Apr 23 HTML / CSS
CSS3实现渐变背景兼容问题
May 06 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
Nov 25 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
localstorage和sessionstorage使用记录(推荐)
May 23 HTML / CSS
Html5移动端适配IphoneX等机型的方法
Jun 25 HTML / CSS
详解canvas绘制网络字体几种方法
Aug 27 HTML / CSS
将SVG图引入到HTML页面的实现
Sep 20 HTML / CSS
css3实现背景图片颜色修改的多种方式
Apr 13 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
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
php数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
简单实现限定phpmyadmin访问ip的方法
2013/03/05 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
PHP数组中头部和尾部添加元素的方法(array_unshift,array_push)
2017/04/10 PHP
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
js渐变显示渐变消失示例代码
2013/08/01 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
jQuery使用方法
2017/02/04 Javascript
基于Vue过渡状态实例讲解
2017/09/14 Javascript
Webpack path与publicPath的区别详解
2018/05/03 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
2020/05/31 Javascript
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
pycharm远程调试openstack的图文教程
2017/11/21 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
焊接专业毕业生求职信
2013/10/01 职场文书
小学生安全保证书
2014/02/01 职场文书
大学生先进事迹材料
2014/02/16 职场文书
经济贸易系毕业生求职信
2014/05/31 职场文书
党校学习心得体会范文
2014/09/09 职场文书
工程项目合作意向书
2015/05/08 职场文书
爱国主义电影观后感
2015/06/18 职场文书
论语读书笔记
2015/06/26 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
python 远程执行命令的详细代码
2022/02/15 Python