`

样式结构的统筹定义

阅读更多
今天花了三个多小时来重新调整样式结构!
        起初自己是站在节省id,class的使用和充分利用优先级的立场来编写的(这样一来可以省去命名混乱和结构不清晰的问题),但我忽略了一个问题,所被定义的样式层次结构开始加深,让样式编辑开始变得有些复杂,另外也正是优先级带来的 负面影响就是你有时甚至很难找到你当前正在编写的一个样式,不知是继承了之前的哪个,又或是被哪个优先级更高的给复写啦!
       当然今天也发现不少问题:
                    一、结构的划分不够精细,basestyle定义时没有考虑到全局;
                    二、baseframe定义没有达到持久化的特点;
                    三、样式细节定义不是做得很好(有些国外网站中样式定义的真正意图没有理解透彻);
                    四、有些可以很方便解决兼容不通浏览器中 对某些标签和属性的解析问题,花了长时间不断调试才发觉;
                    五、不能钻牛角尖,凡事站在全局效率的角度来看,不能太片面。
       也有好的地方:
                   一、平常的对一些解决浏览器兼容的hack在这得到了很好的应用,有些还屡试不爽;
                   二、熟记标签 让我在这次使用标签的过程中非常顺手,当然还有些不是非常了解,有待一一实践;
        这个产品网站进度完成了一半,感觉还不错,明天把过程中遇到的细节问题做个小结,然后把接下来的任务完成;
分享到:
评论

相关推荐

    HTML结构定义标签祥解指令详解

    它定义了网页的结构、内容和样式。本文将详尽解析HTML中的结构定义标签及其相关指令。 首先,HTML文档的基本结构由`<html>`标签包裹,其中包含了`<head>`和`<body>`两个主要部分。`<head>`部分通常包含文档的元信息...

    VUE自定义树形结构组件.zip

    在Vue.js框架中,开发自定义的树形结构组件是一项常见的任务,这通常涉及到数据的递归渲染和自定义样式。"VUE自定义树形结构组件.zip"这个压缩包包含了一个实现这一功能的示例项目。让我们深入探讨其中涉及的关键...

    自定义一个TreeView样式结构

    要自定义一个TreeView样式结构,我们需要理解并利用WPF的模板、控件样式以及数据绑定机制。下面我们将详细探讨如何实现一个类似于Visual Studio资源管理器的树形菜单样式。 1. **控件模板**: WPF中的控件样式和...

    HTML 结构+CSS 样式

    HTML结构与CSS样式是构建网页的两大基石,它们共同作用定义了网页的布局和外观。HTML负责内容结构的标记,而CSS则负责内容的视觉样式设计。在创建一个圣诞树主题的网页时,我们可以通过HTML元素的嵌套来构建树形结构...

    MyStyle.rar样式基础,Style样式的定义和使用,关联事件处理Style,多层样式的处理,自动应用样式案例

    在WPF(Windows Presentation Foundation)开发中,样式(Style)是一种强大的工具,它允许开发者以声明式的方式定义UI元素的外观和行为。本教程“MyStyle.rar”将深入讲解样式的基础,包括样式的定义、使用,以及...

    CSS定义下划线样式

    CSS定义下划线样式_莱茵河的小鱼_新浪博客.mht

    wpf 下拉列表树状结构显示

    2. **模板定义**:通过定义DataTemplate,我们可以自定义ComboBox的显示样式,使其呈现出树形结构。这包括设置HierarchicalDataTemplate,定义如何显示节点及其子节点。 3. **折叠和展开**:为了模拟树状结构的折叠...

    bitters, 添加一点预先定义的样式到你的.zip

    bitters, 添加一点预先定义的样式到你的 脚手架样式,变量和Bourbon项目的结构。Bitters通过定义一组基本的Sass变量。默认元素样式和项目结构来帮助设计人员更快地启动项目。 它被专门设计用来在网络应用中使用。 你...

    epub文件的css样式定义标准

    epub文件的css样式定义标准

    03_列表-定义列表-dl-dt-dd.html

    在HTML中,定义列表(Definition List)是用于展示术语及其定义的一种列表结构。定义列表的标记主要包含三个元素:dl(定义列表)、dt(定义术语)和dd(定义描述)。dl元素用来包裹整个定义列表,dt元素用来定义要...

    CSS:相同元素不同结构重复定义的问题

    在CSS(层叠样式表)中,选择器的使用是构建样式的核心,特别是在处理大型、复杂的HTML文档时,经常遇到相同元素在不同结构下需要重复定义样式的情况。这会导致一个元素可能受到多个选择器的影响,浏览器在渲染时...

    A0253定义复杂图形样式SelectorShape1

    综上所述,A0253定义复杂图形样式SelectorShape1的知识点涵盖了Android UI开发中的图形样式定制,包括理解XML Shape Drawable的结构、属性,以及如何通过这些属性创建各种效果,最后强调了在实际项目中注重用户体验...

    WPF ListView 漂亮样式

    列表项的显示样式可以通过定义DataTemplate来改变。例如,如果你想要每个列表项包含一张图片和一段文本,可以这样定义: ```xml ,0,0,0"/> ``` 2. **自定义ListView表头**: 表头的样式...

    图像、CSS样式定义与应用、浮动窗体

    图像、CSS样式定义与应用、浮动窗体

    比较完整的CSS定义表格样式.zip_css

    首先,表格在HTML中的基本结构由`<table>`标签定义,包含`<tr>`(行), `<th>`(表头)和`<td>`(单元格)等元素。CSS允许我们为这些元素设置不同的样式属性,以实现定制化的外观。 1. **表格整体样式**:你可以...

    html标签定义 HPH

    21. `<col>`和`<colgroup>`:用于表格中定义列的样式和属性。 22. `<dd>`:在定义列表`<dl>`中定义描述项。 23. `<del>`:表示被删除的文本,通常用于表示修订。 24. `<dir>`:不推荐的标签,用于创建目录列表,...

    软件体系结构风格.ppt

    同时,它也便于理解系统体系结构风格、程序设计样式与设计模式。 常见的软件体系结构风格有: * 主程序与子过程(Main Program/Subroutine) * 数据抽象与面向对象组织(Data Abstraction and Object-Oriented ...

    WPF的样式与模板

    在 WPF 中,样式(Style)是一种资源,它可以为控件定义统一的样式,例如为 Button 控件定义统一的背景颜色和字体。样式可以继承其他样式,也可以被其他样式继承。通过定义 TargetType,可以指定样式应用于哪种类型...

Global site tag (gtag.js) - Google Analytics