`

样式结构的统筹定义

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

相关推荐

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

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

    OpenScales代码结构分析

    style是OpenScales代码结构中的一部分,负责管理各种样式定义。样式定义是GIS应用程序的核心组件,用于定义数据的视觉样式。OpenScales的style模块提供了一个统一的接口来访问和操作样式定义,从而简化了GIS应用程序...

    CSS定义下划线样式

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

    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样式定义与应用、浮动窗体

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

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

    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,可以指定样式应用于哪种类型...

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

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

    组织结构树

    4. 设置关系:通过设置节点的父节点属性,定义组织结构中的上下级关系。例如,将"COO"和"CFO"的ParentNode属性设置为"CEO"。 5. 动态加载:如果组织结构需要根据用户权限动态加载,可以在后台代码中根据登录用户的...

    WPF TreeView控件样式

    - 使用`<Style TargetType="TreeView">`标签来定义整个TreeView的全局样式,包括背景色、边框、字体等属性。 - `ItemTemplate`属性用于定义每个节点显示的数据模板,通过`HierarchicalDataTemplate`来处理层级关系...

    jetspeed2样式的开发文档

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

Global site tag (gtag.js) - Google Analytics