wordpress自定义模板,seo外包公司怎么样,自己制作网页的网站,手机怎么做自己的网站本文是从简书复制的, markdown语法可能有些出入, 想看正版和更多内容请关注 简书: 小贤笔记
注: 文章摘自 penggelies07- 简书, super晴天 - CSDN 常见class关键词
布局类#xff1a;header, footer, container, main, content, aside, page, section 包裹类正版和更多内容请关注 简书: 小贤笔记
注: 文章摘自 penggelies07- 简书, super晴天 - CSDN 常见class关键词
布局类header, footer, container, main, content, aside, page, section 包裹类wrap, inner 区块类region, block, box 结构类hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类list, item, field 主次类primary, secondary, sub, minor 大小类s, m, l, xl, large, small 状态类active, current, checked, hover, fail, success, warn, error, on, off 导航类nav, prev, next, breadcrumb, forward, back, indicator, paging, first, last 交互类tips, alert, modal, pop, panel, tabs, accordion, slide, scroll, overlay 星级类rate, star 分割类group, seperate, divider 等分类full, half, third, quarter 表格类table, tr, td, cell, row 图片类img, thumbnail, original, album, gallery 语言类cn, en 论坛类forum, bbs, topic, post 方向类up, down, left, right 其他语义类btn, close, ok, cancel, switch; link, title, info, intro, more, icon; form, label, search, contact, phone, date, email, user; view, loading...
页面结构
容器: container/wrap 整体宽度wrapper 页头header 内容content 页面主体main 页尾footer 导航nav 侧栏sidebar 栏目column 中间内容center
导航
导航nav 导航mainnav/globalnav 子导航subnav 顶导航topnav 边导航sidebar 左导航leftsidebar 右导航rightsidebar 边导航图标sidebarIcon 菜单menu 子菜单submenu 标题: title
功能
标志logo 登陆login 登录条loginbar 注册regsiter 产品products 产品价格productsPrices 产品评论productsReview 编辑评论editor-review 最新产品news-release 广告/标语banner 摘要:summary 生产商publisher 缩略图screenshot 常见问题faqs 关键词keyword 博客blog 论坛forum 搜索search 搜索输入框search-input 搜索输出search-output 搜索结果search-results 加入我们joinus 状态status 按钮btn 滚动scroll 标签页tab 文章列表list 提示信息msg/message 当前的: current 小技巧tips 皮肤skin 充值pay 活动activities 推广promotion 公告announcement 排行ranking 公司简介companyProfile 公司设备equipment 公司荣誉glories 企业文化culture 企业规模scaleScale 营销网络salesNetwork 组织机构organization 技术力量technology 分支机构branches 企业资质EnterpriseQualification 公司实力strengthStrength 经营理念operationPrinciple 经理致辞manager_oration 发展历程developmentHistory 工程案例EngineeringProjects 分类浏览browseByCategory 应用领域applicationFields 人力资源humanResourceHr 领导致辞 leader_oration 客户留言customerMessage 客户服务customerService 您的要求yourRequirements 销售信息salesInformation 招商EnterpriseEstablishing 教育培训EducationTraining 在线交流onlineCommunication 质量认证qualityCertification 合作加盟joinInCooperation 产品描述productsDescription 业务范围businessScope 产品销售salesSales 联系我们contactUs 信息发布Information 返回首页homepage 产品定购order 电子商务E-business 版权所有copy Right 友情连结hot Link 行业新闻tradeNews 行业动态trends 邮编postalCodeZipcode 新闻动态newsTrends 公司名称companyName 销售热线salesHot_Line 联系人contactPerson 建设中InConstruction 证书certificate 地址ADD/Add 电话TEL/Tel 传真FAX/Fax 产品名称productName 产品说明description 价格price 品牌brand 规格specification 尺寸size 生产厂家manufacuturer 型号model 产品标号Item No 技术指标techniqueData 产品描述description 产地productionPlace 用途application 论坛Forum 在线订购on_lineOrder 招标bidInviting 综述general 业绩achievements 大事greatEvent 动态trends 服务service 投资Investment 行业Industry 规划programming 环境environment 发送delivery 提交submit 重写reset 社区community 业务business 在线调查onlineInquiry 下载中心download 意见反馈feedback 常见问题FAQ 中心概况generalProfile 游乐园amusementPark 专题报道specialReport 图标: icon 注释note 指南guild 服务service 热点hot 新闻news 下载download 投票vote 商 标label/branding 当前位置breadcrumb/loc 购物车shop 标签tag 信誉siteinfo-credits 网站信息siteinfo 法律声明siteinfo-legal 合作伙伴partner 友情链接friendlink 版权copyright
规则
以中划线连接如 .item-img使用两个中划线表示特殊化如 .item-img.item-img--small 表示在 .item-img 的基础上特殊化状态类直接使用单词参考上面的关键词如 .active, .checked图标以 icon- 为前缀字体图标采用.icon-font.i-name方式命名模块采用关键词命名如.slide, .modal, .tips, .tabs特殊化采用上面两个中划线表示如 .imgslide--full, .modal--pay, .tips--up, .tabs--simplejs 操作的类统一加上 js- 前缀不要超过四个 class 组合使用如 .a.b.c.d
更多专业前端知识请上
【猿2048】www.mk2048.com
