`

样式结构的统筹定义

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

相关推荐

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

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

    自定义一个TreeView样式结构

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

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

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

    css常用文字定义

    #### 一、链接样式定义 在网页设计中,链接是非常重要的元素之一,通过CSS可以对不同状态下的链接进行样式定义,包括颜色、下划线等属性。 - **基本链接样式**: - `a { text-decoration: none; }`:移除链接默认...

    wpf 下拉列表树状结构显示

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

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

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

    epub文件的css样式定义标准

    epub文件的css样式定义标准

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

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

    css常用定义词

    它允许我们将样式信息与结构信息分离,使得网页设计更加灵活且易于维护。在这个场景中,我们主要关注CSS的命名规范和一些常见的CSS定义词。 在CSS中,良好的命名规范对于代码的可读性和团队协作至关重要。描述中...

    WPF ListView 漂亮样式

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

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

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

    Vue全局使用less样式,组件使用全局样式文件中定义的变量操作

    当你想要在vue项目的一个组件中使用全局样式文件中定义好的变量,此时只在main.js中import是不行的。 目录结构如下: 即在MHeader.vue中想要使用src下的less下的variables.less文件中定义好的变量。 此时,只用...

    html标签定义 HPH

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

    ListView、ListBox背景样式

    3. **模板(Template)**:模板可以看作是样式的一部分,用于定义控件的布局结构,包括控件内部元素的位置、大小等。 4. **触发器(Triggers)**:触发器可以在某些特定条件下更改样式或模板中的设置,比如当鼠标...

    软件体系结构风格.ppt

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

    WPF的样式与模板

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

    StructDlg - 基于结构的 GUI 定义:输入 GUI 的基于结构的定义。-matlab开发

    StructDlg 创建一个模式对话框,... 在其高级形式中,StructDlg 允许快速方便地基于文本定义 GUI,该 GUI 可能包含多种样式的 UI 控件,例如编辑、弹出菜单、单选按钮、切换按钮等。 详细示例在 HTML 文档文件中给出。

    CSS 指层叠样式表 (Cascading Style Sheets)

    CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高...多个样式定义可层叠为一

    jetspeed2样式的开发文档

    jetspeed2样式的结构主要分布在`src\webapp\decorations`目录下,包括`layout`和`portlet`两个子目录: - **Layout**:包含了整个门户的布局样式。 - **Portlet**:包含各个portlet的特定样式。 ### 四、Layout样式...

Global site tag (gtag.js) - Google Analytics