位置: 编程技术 - 正文

网页编辑中CSS样式表技巧总结(网页设计中css样式有何用途)

编辑:rootadmin
一、关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用“/* 注释内容 */”的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的“/***************/”之类的注释是无意义的,没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档,在发布网站的时候,可以使用CSS压缩工具压缩CSS,在输出的CSS中去掉注释以提高文件传输效率。 二、关于命名 在给CSS文件命名的时候,我比较喜欢使用符合语义的英文名或者缩写命名,在非常用部分也许会用部分拼音命名。另外,在某些有从属关系的class里,我可能会使用类似“list_banner”之类的命名,即父元素名加上“_”再加上元素名。 关于命名,可以根据团队设计师的习惯进行协商。但最好在命名之后加上注释,以便将来生成文档备查。 三、关于继承性 在CSS中,要善用继承性。比如在两个嵌套的div中,父元素定义了background-color属性为黑色,如果子元素的背景同为黑色,则不需重复定义。善于利用CSS的继承性可以让代码更有效、更精简。 四、关于CSS定义的层次 在定义CSS中的class时,建议使用层次分明的方式来描述语句。 示例结构: <div id="menu"> <div class="menulist"> <div class="selectit"></div> </div> </div> 示例CSS: #menu { ... } #menu .menulist { ... } #menu .menulist .selectit { ... } 在上例中,从最终效果来看,#menu没有必要重复出现,但是实际上如果能够在前面加上#menu,将会让文档的层次更加明了,更利于阅读。 五、关于样式排序 在设计CSS样式表时,我们大多是手写代码,这样很容易造成class中的样式排序混乱。比如有几个class中用到了padding、margin、background、color等样式,但是排序的时候,有的class是background比较靠前,有的是margin比较靠前。这样就造成了一定的混乱,容易让思路受挫。我建议个人或者团队的设计师协定一个大致顺序,这样从个别来说看不出太大差别,但从整体上将更加易于阅读和管理,整体效率会提高不少。 比如,我默认将width、height和padding、margin、border等放在较靠前的位置,background其次,然后是控制文本的font、color、text-align等,接着是某些特殊标签才能用到的元素,像list-style等,最后是css滤镜。当遇到特殊情况时(比如CSS某些属性的优先级需要定义)可以灵活处理。 就总结到这里了,火德欢迎大家补充、指正。

推荐整理分享网页编辑中CSS样式表技巧总结(网页设计中css样式有何用途),希望有所帮助,仅作参考,欢迎阅读内容。

网页编辑中CSS样式表技巧总结(网页设计中css样式有何用途)

文章相关热门搜索词:网页中css样式,网页设计css样式,网页编辑中css样式怎么用,网页编辑中css样式是什么,网页编辑中css样式是什么,网页编辑中css样式怎么用,网页编辑中css样式怎么用,网页编辑中css样式是什么,内容如对您有帮助,希望把文章链接给更多的朋友!

一个老外弄的Clearing floats(清除浮动的方法) 我常用的都是clear:both;方法,如divstyle="clear:both"divstyle="float:left"/divdivstyle="float:right"/div/div今在PlanABC看到另外这种方法,特些记录下来。div.container{border:1

XHTML下用dl,dt,dd标签实现翻页的效果代码 今天在标准之类的blog(

常用的DIV+CSS的基本框架结构但不推荐都放一个div里 常用的DIV+CSS的基本框架结构但不推荐都放一个div里css样式代码:程序代码/*---全局样式---*/*{margin:0px;padding:0px;}body{font-family:Verdana,Arial,Helvetica,sans-serif;fon

标签: 网页设计中css样式有何用途

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

上一篇:在解决ul居中问题时想到的几点

下一篇:XHTML下用dl,dt,dd标签实现翻页的效果代码(html中dt)

  • 纳税检查调整的销售额确认收入吗
  • 什么是商业汇票和银行汇票
  • 研发支出属于什么科目借贷方向
  • 可供出售金融资产和长期股权投资
  • 担保费能否开专票
  • 会务费税前扣除材料
  • 资产负债表里的存货包括哪些科目
  • 新会计准则下具体会计准则对银行的影响不包括
  • 费用类科目分类怎么避免出错
  • 企业合并固定资产增值的规定
  • 货款现金收据可以做账吗
  • 差额事业单位的工资是由财政开支吗
  • 一般纳税人可以不交增值税吗
  • 自产自销税点
  • 小规模纳税人销售农产品税率是多少
  • 购买金税盘需要法人去税务局进行信息采集吗
  • 风险纳税人如何解除
  • 以现金形式发放的员工餐费补贴,可并入职工福利费
  • 政策性搬迁税收政策指引
  • 利用发票管税的意义
  • 残疾人不用交医保社保
  • 小规模纳税人自己可以开专票吗
  • 一般纳税人税控盘维护费会计分录
  • 只有发票才能税前扣除吗
  • 研发成功的产品卖出去怎么做账
  • 技术开发免征增值税属于普通零税率项目么?
  • 普通增值税发票左上角的二维码可以扫出来吗?
  • 个体工商户经营范围分类目录
  • 补提去年所得税分录
  • 在windows7中桌面指的是全部窗口
  • vim diff对比
  • win11新功能
  • 苹果电脑付款方式设置
  • 财产损失立案
  • mpd linux
  • 期间费用为何要摊销
  • 现金日记账采用三栏式
  • vuescan怎么安装
  • 递延收益会计科目核算什么内容
  • 支付税审费用怎么做账
  • 其他应收款怎么核对
  • 用友应收系统凭证冲销后查询不到怎么办
  • 继续教育的相关知识
  • 资产处置损益要写明细账吗
  • 建筑劳务公司的税率是多少
  • 无形资产如何摊销 当月还是下月
  • 累计摊销的会计分录有哪些
  • 小规模红冲发票怎么做分录
  • 资产负债表中的货币资金怎么算
  • 出租房屋损坏赔偿
  • 进项税额转出后续处理
  • 会计分录什么时候用负数表示
  • 超市购物卡怎么办理
  • 超市库存明细表
  • win7系统u盘打不开怎么办
  • win8装不了itunes
  • chia 如何双挖
  • 笔记本xp系统怎么升级win7系统
  • centos下安装gcc
  • E: Encountered a section with no Package: header错误解决方法
  • 双系统怎么转移文件
  • win8图标放桌面
  • win10右下角功能列表不见了
  • win8切换语言
  • Win10预览版更新弹窗如何关闭
  • win8任务栏在底部不显示
  • cocos2dx小游戏
  • 编写一个简单的shell
  • bat批处理命令大全
  • ai人工智能python
  • unity onbecameinvisible
  • linux多线程调试手段
  • Intermediate Unity 3D for iOS: Part 3/3
  • Rotate object with mouse click or touch in Unity3D
  • django框架详解
  • 运输公司抵扣
  • 苏州买房退契税政策2023
  • 江西企业社保缴费基数查询
  • 增值税计税依据含运费吗
  • 苏州封闭式高中
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设