圆月山庄资源网

css教程:选择合适的、有意义的元素描述内容
网页制作 2024/12/23 佚名
3 2
圆月山庄资源网 Design By www.vgjia.com
点击这里查看本站的　css　频道的内容
　　您应该明白为什么我会说到这个，选择合适的、有意义的元素去描述你的内容，确保您所选择的是富有语义的类class和id特征值。做正确的事情会使你的生活变得容易很多，如果你是某个团队的一分子，对团队其他成员来说也是如此。看一下下面的这条规则：
　　.l13k { color: #369; }
　　如果您是刚接手这个工作，您在CSS文件中看到了上面的内容，您能不能说清楚这个类是什么意思？
　　大部分情况下您都会说不。这个类的名称可能是个缩写，但是恐怕没有办法去弄清楚他到底是什么的缩写，眼前是一摸黑，或者是这种情况，可能是你把它放到这里，你现在很清楚它是什么意思，但是你能保证3年之后你还记得它是什么意思么？
　　现在我们看一下下面的规则：
　　.left-blue { color: #369; }
　　你可能立即知道这个类选择符是为左侧边栏的显示蓝色区块而创建的，这时它就正确的表达了一定的语义。正如我在上面提到的，一旦要你在在一周内要重新设计，但是在重构过程中，这个区块需要定位到右边，颜色变为红色，类的特征值就没有任何意义。所以你现在需要改变你所有的特征值，要不就什么都不改变，不过这样可能或导致重重的困惑。
　　因此解决上面问题的最好方法就是在类特征值的命名中避免使用颜色(包括颜色名称和十六进制值)或者宽度、高度的尺寸值；同时你也尽量的避免去使用任何表明表现形式的值，例如box、left、right。反之，将表现和内容分离的意义也就不复存在了。
　　最后，我们看一下最合适的命名规则：
　　.product-description { color: #369; }
　　您应该能理解，这个规则是应用于产品描述。无论您的设计改变了多少次都不会改变。清楚明了的感觉不错吧。：）
标签：
教程,网页制作,内容,网页,元素,选择,合适,意义,描述,这个
圆月山庄资源网 Design By www.vgjia.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
圆月山庄资源网 Design By www.vgjia.com
www.vgjia.com 圆月山庄资源网
139,976互联网资源
144,792高清电影
21,817无损音乐
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接