CSS 使用推荐

 

中文字体css编码转换

  微软雅黑   \5FAE\8F6F\96C5\9ED1  或 Microsoft YaHei
  黑体       \9ED1\4F53
  新宋体     \65b0\5b8b\4f53
  宋体       \5b8b\4f53

使用示例:

1
body,th,td,button,input,select,textarea{font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}

------------------------------------------------------------------------------

css 命名规范

注意: 有规则的CSS命名规范会使网站维护更加方便,让代码清晰,简单,明了。推荐使用以下提供的命名来写CSS样式选择器

  1. 内容优先,表现为辅
  2. css命名中英文对照
  current 当前     hover 悬停      selected 选中         disabled 禁用
  header 头        nav 导航        mainbav 主导航        subnav 子导航         topnav 顶部导航     breadcrumb 面包屑导航
  flink 友情链接   footer 尾       copyright 版权
  menu 菜单        submenu 子菜单
  searchBar 搜索条 search 搜索条   searchTxt 搜索框      searchBtn 搜索按钮    search_key 搜索词
  ucenter 用户中心 loginBar 登陆条 login 登录            loginBtn 登录按钮     regsiter 注册按钮   regsiterBtn 注册按钮
  name 用户名      password 密码   nickname 昵称         mobilephone 手机      telephone 电话
  hot 热点         news 新闻       banner/AD 广告        download 下载
  content 内容     title 标题      summary 摘要          time 时间
  share 分享       digg 顶         like 喜欢
  list 列表        pList 图片列表  tList 文字列表        tpList 图文列表
  tab 标签         tags 标签       scroll 滚动 
  sidebar 侧边栏   column 栏目     section 区块          msg 提示信息          status 状态
  vote 投票        tips 小技巧     guild 指南            note 注释
  icon- 图标       btn- 按钮
  goods 商品       goodsList 商品列表        goodsDetail 商品详情     goodsInfo 商品信息
  tuan 团购        tuanList 团购列表         tuanDetail  团购详情     tuanInfo 团购信息  

<参考:http://lfsp.btwlo.com/cssReset.html>

posted @   爱好和平的阿道夫  阅读(375)  评论(0编辑  收藏  举报
编辑推荐:
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
阅读排行:
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(四):结合BotSharp
· 一个基于 .NET 开源免费的异地组网和内网穿透工具
· 《HelloGitHub》第 108 期
· Windows桌面应用自动更新解决方案SharpUpdater5发布
· 我的家庭实验室服务器集群硬件清单
点击右上角即可分享
微信分享提示