位置: 编程技术 - 正文

网页编辑中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)

  • 研发费用加计扣除是什么意思啊
  • 公司每年网络费计入什么会计科目
  • 企业级软件开发
  • 专利在审可以入库吗
  • 增值税进项税转出文件
  • 借贷记账法试算平衡的计算公式有
  • 购买资产佣金应该怎么算
  • 代销手续费如何开票
  • 物业公司管理费用
  • 去年多计提的生育津贴
  • 陈列费发票属于什么类型
  • 制作费算什么费用
  • 运输发票的税率分类
  • 什么情况下只交城建税不交教育及地方税?
  • 公司向外单位借款摘要怎么写
  • 暂估原材料已领用还红冲吗
  • 地铁充值发票会透露个人账户信息吗
  • 收取现金后的收入怎么算
  • 小微企业工会
  • 货款打多了退款怎么做账
  • 收到工会经费返还如何做账
  • 出口退税服务
  • 连接另外一个设备
  • 怎么快速关闭电脑屏幕快捷键
  • 商标申报费用会退回来吗
  • tplink路由器怎么连接无线网络
  • linux子网掩码自动变成24
  • php数组去重函数
  • 年底有留抵税额怎么结转
  • 个人所得税减免政策2023
  • 增值税一般纳税人登记管理办法
  • 机票的退票费可以开具发票吗
  • django pycharm
  • centos7编译安装内核
  • java 通配符
  • 转正差额怎么算
  • 支付运输费计入
  • sql中身份证号码用什么类型
  • 未投入使用的固定资产折旧计入什么科目
  • 社保缴费如何做账
  • 投资者向企业投入资本的形式
  • 油费预付卡如何办理
  • 合作经营利润分配协议
  • 政府补贴的装修费是免税的吗
  • 境外企业向境内企业提供劳务
  • 残疾人就业保障金
  • 组织机构代码证图片
  • 找回未保存的cad文件
  • linux i
  • 在linux操作系统中
  • vssvc.exe
  • squid详细
  • spybuddy.exe - spybuddy是什么进程
  • win8系统怎么搜索文件
  • linux内核模块命令
  • centos6.2安装教程
  • w10开机欢迎界面设置
  • linux服务器常用操作命令
  • win10软件报错
  • bat for do
  • EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
  • perl 读文件
  • JS实现的ajax和同源策略(实例讲解)
  • 变量代码是什么
  • unity工程文件怎么弄
  • js class 私有方法
  • js初级教程
  • javascript中函数的作用域分为全局作用域
  • javascript学到什么程度
  • python 设计
  • javascript面向对象编程指南
  • 个体税务申报时间怎么填
  • 怎么打印历史发票
  • 黑龙江省国家税务局通用定额发票
  • 事业单位录用备案表审核快吗
  • 企业滞纳金怎么算 计算公式
  • 印花税怎么计提和结转
  • 上海嘉定小学入学积分
  • 个体经营所得申报
  • 土地交的契税会计科目
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设