`

样式结构的统筹定义

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

相关推荐

    CSS样式风格定义

    系统默认提供的CSS样式风格定义 说 明:在《动易网站管理系统》中,CSS样式风格定义是可以自己自由定义的,也说是说您可以自由添加N多个自定义的风格,然后在各频道的版式模板中调用就行了。下面提供的是系统默认...

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

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

    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定义下划线样式_莱茵河的小鱼_新浪博客.mht

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

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

    epub文件的css样式定义标准

    epub文件的css样式定义标准

    WPF ListView 漂亮样式

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

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

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

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

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

    软件体系结构风格.ppt

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

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

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

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

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

    Qt样式表实例

    本文将详细介绍 Qt 样式表实例,并探讨如何使用样式表来自定义 Qt 小部件。 一、可 stylable 小部件 Qt 提供了一系列可 stylable 小部件,这些小部件可以使用样式表来自定义其外观和行为。下表列出了这些小部件: ...

    AXIS2 RCP/literal样式,两种MESSAGE定义方式SOAP的payload

    在literal样式下,SOAP消息的payload通常直接按照WSDL(Web Service Description Language)中的定义进行序列化。 在literal样式中,有两种定义SOAP payload的方式:一种是直接在代码中硬编码XML字符串,另一种是...

    jetspeed2样式的开发文档

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

    js实现树状结构

    树状结构可以递归地定义,每个节点都可以是其他节点的子节点,形成一个层级结构。 Dtree库的工作原理是通过JavaScript对象表示树节点。每个节点对象包括其数据、子节点数组以及可能的父节点引用。Dtree提供了API,...

    vue实现树形结构样式和功能的实例代码

    5. `.l_tree`和`.l_tree_branch`定义了树形结构的基本样式,包括宽度、内边距、显示方式等。 6. `.l_tree_branch.l_tree_children_btn`定义了控制展开和折叠的按钮样式。 7. 通过伪元素`::before`和`::after`,创建...

Global site tag (gtag.js) - Google Analytics