蓝顿长沙网络公司,十年专注于长沙营销型网站建设长沙网站制作seo优化推广服务,服务热线:0731-85287087
长沙网站建设 长沙网站制作

让css样式变得高效整洁

营销型网站建设
长沙网站优化培训,长沙seo培训

1.公用元素的默认值重设
不一样的浏览器他元素默认的属性值也有所不一样,这时候很多人一个一个针对性的来重置。那样会出现大量的重复工作。那么把一些元素默认值重置,来实现浏览器的兼容.
比如:
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */{  border:medium none;  margin: 0;  padding: 0; 

/** 重置列表元素 **/
ul{ list-style: none; } 
/** 重置超链接元素 **/
a { text-decoration: none; color:#fff;}  a:hover { text-decoration: underline; color:#000; } 
/** 重置图片元素 **/
img{ border:2px;} 
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
具体还要根据项目的需求做出适当的修改,来达到各浏览器的兼容性。

2.有意义的命名
一些无意的命名和自以为是的命名,让项目组的其他人员看了都会有发癫的。
就像下面这种命名:
.aaaa1{width:210px;} .aadd2{width:220px};
我估计一般人应该不会在项目里这样来命名class的。
还有最好不要使用元素的特性来命名class和id如(颜色,位置,大小等等)。
如:
<h2>我是 <span class="red">标题</span></h2>
如果要把原先设置为红色的所有字体改成蓝色 那么修改以后的样式就会变成:.red{color:bule;},是不是让人看上去很是别扭! 当然还有另外一种情况,一些固定的样式,定义后就不会修改的了那我们就不用去担心这种情况了。

3.样式代码缩写
CSS代码缩写不仅可以精简代码量还可以提高代码书写速度。在CSS里面有很多可以缩写的属性,包括margin,padding,border,font,background和颜色值等,如果您掌握了代码缩写,原本一长串的代码:

p{ 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 1.2em; 
    line-height: 1.4em; 
    padding-top:10px; 
    padding-bottom:10px; 
padding-left:5px; 
padding-right:5px;
}
就可以简化为:
p{ 
   font: 1.2em/1.4em Arial, Helvetica, sans-serif; 
   padding: 10px 5px; 
}
还有你可以合并多个CSS选择器为一个,前提是要他们有共同的样式。这样不但代码简洁且可为你节省时间和文件空间。
如:
h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:left } 
h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:left } 
h4{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:left }

可以合并为
h2,h3, h4{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:left }
如果页面中父元素的多个子元素使用一样的样式,那么就可以把一样的样式定义在父元素上,让子元素继承父元素的CSS样式。这样既方便维护你的代码,且可减少代码量。

网站建设怎么做
上一条:如何获得好的雅虎排名?雅虎优化技巧
下一条:长沙网站优化之长尾关键词策略
咨询热线:0731-85287087 地址:长沙市雨花区万家丽南路458号(省环保厅对面)
如果您有网站建设网站推广网站优化seo培训等方面的疑问,可免费咨询我们的在线专家,我们会从专业的角度认真解答,您也可以到我们公司咨询相关问题,我们的服务人员将热情为您服务!
  • 网站建设
  • 维护运营
  • 网站优化
  • 淘宝优化
  • 营销推广
  • 微信营销
下一个
    长沙网站建设价格
    “推广没效果,网站就不升级了”“既然推广停了,网站过期也不管了”。很多老板面对推广后网站的惨淡业绩,不免唉声叹气,殊不知推广效果好坏,很...
    长沙网站建设价格
      想做好网站运营不容易,需要有过硬的运营知识和工作技能,才能保证网站持续运营,保持快速的发展。   1.了解行业   ...
    长沙网站建设价格
      笔记本电脑开不了机是很多客户遇到的一个问题,很原因会使笔记本电脑开不了机。网际电脑今天分享给大家几个排查法处理一般自己能处理的方法! ...
    长沙网站建设价格
      无线网络连接上但上不了网,网络信号满格却上不去网,上网信号满格只能说明信号强,连接上只能说明和路由器连接上了,你就是没插网线只是给无线路...
    网站优化技巧
      因为搜索引擎算法频繁改动,导致网站排名上下波动,经常是付出的努力大于回报。所以SEOer不再优化企业网站,而是选择优化淘宝店铺。因为淘宝...
    网站优化技巧
      淘宝卖家好多都没有学习过SEO,只是,他们在开淘宝的过程中可能听说过淘宝SEO。我也是一个淘宝卖家,我也会把SEO的技术利用到淘宝商品中...
    网站优化技巧
      说到淘宝SEO,其中最关键的就是权重问题了,相信很多卖家都有做过淘宝搜索排名优化,也知道影响权重的一些因素,但是也有一些卖家朋友是不知道...
      优化淘宝自然搜索之前,先要做的第一件事情,就是对自己的店铺及产品进行“体检”,排除所有可能或者已经违规的行为。必须要让店铺做到“健健康康...
    长沙网站推广
      网络营销有时很容易与网上销售混为一谈,网上销售自然属于网上营销,但两者概念的范畴并不相同,网络营销具有更广泛的意义。因此在对网络营销定义...
      (1)博客内容增加搜索引擎可见性,从而为网站带来访问量   Google, Yahoo 和 MSN等搜索引擎都有强大的博客内容检索功能...
      (1)网络品牌管理:网络品牌管理是指通过合理利用各种网络营销途径创建和提升品牌,主要内容包括网络品牌策略制定、网络品牌计划实施、网络品牌...
    长沙网站推广
      域名:域名要求与本医院名字、本科室相关,尽量简短好记   空间:如果是万网域名,尽量选用万网云服务器。比较有保障。   完善的dat...
    安安母婴社群运营管理策略 为了科学开展工作,社群运营可分为三个工作阶段,主要是:拉新阶段+促活阶段+留存阶段,每个阶段的主题略有不同,战略...
    长沙微信营销
    说到微信营销,大家很自然就想到了朋友圈营销;说起微信卖货,说白了其实就是朋友圈卖货!我们把那些在朋友圈上卖货的人统称“微商”。做微商,如果对...
     变现的方法:   1, 帮人推广   可以帮一些公众号转发一些内容,这方面的需求应该会很大。因为大部分做公众号的都是舍得花钱推广的。去...
      这些年的微信朋友圈营销的火爆让人啧啧称叹,而现如今很多商家也将朋友圈的营销变得妖魔化,不断鼓吹微信朋友圈的作用,但是微信朋友圈也并非万能...
长沙网站制作
长沙网站制作公司,长沙网络公司,长沙网站优化
© 2016 长沙市蓝顿品牌设计有限公司 湘ICP备16016586号 
地址:湖南长沙雨花区万家丽路泰禹家园1-409 工作QQ:565616163
本站关键词:长沙网站建设 长沙网站优化 长沙网站推广 长沙网站优化培训
长沙软件界面设计 长沙网站制作 长沙网络公司