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 选择器 基本选择器介绍
Jan 21 HTML / CSS
css3中新增的样式使用示例附效果图
Aug 19 HTML / CSS
css3中背景尺寸background-size详解
Sep 02 HTML / CSS
CSS3 Notes: -webkit-box-reflect实现倒影的实例
Dec 08 HTML / CSS
CSS3实现全景图特效示例代码
Mar 26 HTML / CSS
CSS3 边框效果
Nov 04 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 HTML / CSS
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
Jun 23 HTML / CSS
html5使用canvas绘制一张图片
Dec 15 HTML / CSS
微信小程序“圣诞帽”的实现思路详解
Dec 28 HTML / CSS
html5 datalist 选中option选项后的触发事件
Mar 05 HTML / CSS
Html5之webcoekt播放JPEG图片流
Sep 22 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模板页面中分页代码的解析
2009/02/06 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
php数组遍历类与用法示例
2019/05/24 PHP
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
jQuery Migrate 1.1.0 Released 注意事项
2014/06/14 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
详解JavaScript中localStorage使用要点
2016/01/13 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
python条件和循环的使用方法
2013/11/01 Python
Python中的ConfigParser模块使用详解
2015/05/04 Python
使用Python神器对付12306变态验证码
2016/01/05 Python
Python切片工具pillow用法示例
2018/03/30 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
关于Tensorflow 模型持久化详解
2020/02/12 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
总务岗位职责
2013/11/19 职场文书
部队万能检讨书
2014/02/20 职场文书
中文教师求职信
2014/02/22 职场文书
应聘教师自荐书
2014/06/16 职场文书
公司承诺函范文
2015/01/21 职场文书
新学期主题班会
2015/08/17 职场文书
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL