位置: 编程技术 - 正文

门户网站构建CSS框架的规则(html+css网站设计基础教程)

编辑:rootadmin

第一部:关于构建CSS框架我们要实现的目的:

1.实现标准化,具备主流平台适应性的前端实现; 2.快速开发,在站点风格确定后,前端不应该成为整个项目里瓶颈; 3.重构的需求,尽可能的让类和区块样式可重用; 4.分离结构和表现的需求,遵守了语义化结构的约定; 5.构架完全符合金融网特色的CSS框架。 6.对代码进行必要的搜索引擎优化。

第二部:关于CSS命名的一些约定:

1.不使用大写形式的类名和id名; 2.尽可能使用描述性的英文单词的组合作为类名和id名; 3.id名及类名的多个英文单词之间使用“_”短横线分隔; 4.按区域进行描述编号 例:main_div_ul (可以理解为主体第一区域 第一DIV下的第一个UL)

下来我们要对整个网站及设计稿进行分析,去做符合自己门户结构特色的CSS框架

我们已新浪网 为例子:

进行站点结构分析:

整个页面分为:首页,更多页,内容页,专题页,数据中心,新闻中心,频道页,广告……

我们对这些页面进行整理,去发现他们的公共部分,这些被发现的地方有:CSS的样式,及区域,模块的碎片,我们需要做的是把这些公有的部分提出来。

观察后我们可以把CSS分以下几类:

主体样式表:sjweb.cssfont(字体样式,字号,颜色的集合)layout(框架结构 集合) global(全局默认样式集合) component(组成页面部分样式表,模块碎片集合)这些讲统统的被import到sjweb.css主体样式表里, 主体样式表做为一个loader 加载新的外来样式,比如广告样式表。这样这些页面只需要写一点点 属于自己特殊要求的CSS样式代码就可以了。

在构建这个CSS框架的时候有很多细节的东西最好能统一化,比如:行间距,模块之间间隔距离等。

下面是某门户网的首页结构图:

推荐整理分享门户网站构建CSS框架的规则(html+css网站设计基础教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css 网站,利用css+div制作一个网站首页mydiv.html,网站设计css,css 网站,css 网站,利用css+div制作一个网站首页mydiv.html,网站设计css,网站设计css,内容如对您有帮助,希望把文章链接给更多的朋友!

门户网站构建CSS框架的规则(html+css网站设计基础教程)

规则: 1.所有area之间,模块之间,间距上下左右为:8 Pixel ;2.新闻列表颜色# ;3.新闻列表行间距 pixel;……等等

调整环境:IE7,ff,IE6,IE5.x,Opera。

PS:其实更多是你在构建的时候细节上的问题,好了不多说了。呵呵

左侧固定宽度,右侧自适应宽度的CSS布局 BI上有高手专门讨论了这种布局方法,但他用了较多的hack,还回避了IE6的dtd。我在实际使用中,发现回避掉IE6的dtd定义后,会导致ajax模态框无法居中(V

BS项目中的CSS架构_仅加载自己需要的CSS 先说下这套架构的优点:1.可以方便的把繁重的CSS编写工作分配出去,而不会相互造成影响。2.结构清晰,利于维护和修改。3.每一张网页都仅加载自己

DIV+CSS经常用到的属性、参数及说明 通用类overflow:hidden;自动隐藏超出的内容,防止撑开层和表格的范围!important指定样式规则的应用优先权文字类color:#FF;文字颜色font-family:"Arial","Helvetica"

标签: html+css网站设计基础教程

本文链接地址:https://www.jiuchutong.com/biancheng/375380.html 转载请保留说明!

上一篇:指定网页的doctype解决CSS Hacking方法总结(怎么设置网页就用指定浏览器)

下一篇:左侧固定宽度,右侧自适应宽度的CSS布局(如何实现左侧固定,右侧自适应的布局)

  • 允许税前扣除的项目
  • 个体户文化事业建设费征收范围
  • 股权置换税收
  • 税控盘没有清卡,反写怎么办
  • 金蝶财务系统录入发票
  • 科研材料怎么买
  • 开票加收税点会减少吗
  • 金蝶kis暂存的凭证怎样
  • 资产负债表中的流动资产包括什么
  • 核定征收企业需要做账吗
  • 增值税加计扣除是什么意思啊
  • 银行的划分标准
  • 固定资产出租的收入计入什么科目
  • 销售单位收入和支出要怎么做账?
  • 收到联营单位预收的发票
  • 税收分类编码如何添加
  • 居民纳税人具体包括哪些?
  • 合伙企业出资额不计入实收资本和资本公积 那放哪
  • 盈余公积什么时候提取
  • 合同中没有明确违约责任怎么办
  • 送礼没有发票怎么解决
  • 企业所得税申报表在哪里打印
  • 充值单据怎么开发票
  • 加工业务怎么报税的
  • 财产租赁所得的税率是多少
  • 穿越火线下载安装
  • 微软雅黑字体一般用在哪里
  • 个体工商户需要办公户吗
  • ati2mdxx.exe是什么进程 ati2mdxx进程信息查询
  • 用公司资质应交什么费用
  • 代发工资如何合理避税
  • wordpress app怎么用
  • 微信php开发教程
  • 现金溢余基本账务处理
  • 原材料因管理不善发生毁损
  • laravel视频教程
  • 长期借款和短期借款的区别是什么
  • php7.0新特性
  • echarts.
  • 印花税的相关问题
  • 工会经费月月都缴纳吗?
  • 上个月开的发票这个月作废怎么做帐
  • Python怎么转化为中文
  • 帝国cms使用手册
  • 织梦官方网站
  • 社保当月没扣
  • 支付利息的现金流
  • 汇算清缴是不是一定要做
  • 公司注册资金认缴期限
  • 长期待摊费用为什么属于资产
  • 待抵扣增值税退税
  • 建筑租赁公司账务处理
  • 购买样品入库的账务处理
  • 损益类科目借贷怎么记
  • 长期借款利息是财务费用吗
  • 防疫物资采购会计处理
  • 固定资产清理如何计算
  • 支付宝电子发票怎么开
  • 预付账款为什么不是金融资产
  • sql merge函数
  • Sqlserver聚集索引和非聚集索引的区别
  • SQLSERVER 中datetime 和 smalldatetime类型分析说明
  • docker设置固定ip
  • freebsd常用命令
  • virtualbox安装win7详细教程
  • mac系统终端命令大全
  • win7系统怎么禁止软件自启动
  • windos8怎么样
  • windowsxp如何隐藏文件
  • 欢迎使用本公司智能语音电动车
  • perl怎么用
  • javascript 基础篇3 类,回调函数,内置对象,事件处理
  • javascript教程 csdn
  • Android之Notification
  • android实现多线程的方法
  • 税务局申请企业破产被告
  • 爱普生如何
  • 党费减免规定
  • 河南三门峡税务社保缴费电话
  • 进项税小于销项税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设