结构 样式 行为 内容 的关系

结构用HTML代码来写的、样式写在css表里面 尽最大可能的结构和样式分离;行为是用javascript来写。较少的话可以写在HTML里面。内容的话是后台语言直接从服务端调用的,在前端的展示时候要嵌入到HTML文件里。

那么对一个网站来说,你要修改样式首先找到相应的位置,即找到“钩子”选择器;修改的过程中css文件和js函数的编写要在正确的位置;要读懂相应位置的服务端代码;要明白write less do more的道理。每一段代码做最好的处理。

冯鲁哲 1033850519 18911611893

时间: 2024-10-04 03:42:16

结构 样式 行为 内容 的关系的相关文章

树状结构Java模型、层级关系Java模型、上下级关系Java模型与html页面展示

树状结构Java模型.层级关系Java模型.上下级关系Java模型与html页面展示 一.业务原型:公司的组织结构.传销关系网 二.数据库模型 很简单,创建 id 与 pid 关系即可.(pid:parent_id) 三.Java模型 (我们把这张网撒在html的一张表里.其实用ul来展示会简单N多,自己思考为什么LZ会选择放在表里) private class Table {        private Long id; // 当前对象的id         private int x; /

oracle表结构和表内容差异比对

oracle表结构和表内容差异比对 oracle中有三种集合操作,他们会把左边和右边的select 结果集进行集合操作. union 并集 intersect 交集 minus 差集 假设有如下两张表 STUDENT_A 和 STUDENT_B create table STUDENT_A ( id VARCHAR2(36) not null, name VARCHAR2(100), age NUMBER, sex VARCHAR2(2) ); insert into STUDENT_A (id

无表头单链表的总结----如何将已经初始化的结构体数组加入链表关系

1 struct Student 2 { 3 char ID[N_ID]; 4 char name[N_name]; 5 struct Student *next; 6 }alist[LEN_A],blist[LEN_B]; 7 ////以上是结构体 8 //初始化 9 struct Student alist[LEN_A] = { {"101","Wang"} ,{"102","Li"},{"105",&

c(分支结构、if语句、关系运算符)

// // c语言基础,分支结构 //BOOL,布尔类型,是一个非真即假的数据类型,只有两个值YES和NO //YES = 1,NO = 0; //在C语言中,非0即为真:(-1.3都是真) int a = 0; BOOL b= NO; //关系运算符 int m = 5, n = 10; BOOL result = NO; //大于 result = m > n; printf("result = %d\n", result);//BOOL类型用%d打印 no //大于等于 r

SQL Server数据库中导入导出数据及结构时主外键关系的处理

2015-01-26 软件开发中,经常涉及到不同数据库(包括不同产品的不同版本)之间的数据结构与数据的导入导出.处理过程中会遇到很多问题,尤为突出重要的一个问题就是主从表之间,从表有外检约束,从而导致部分数据无法导入. 情景一.同一数据库产品,相同版本 此种情况下源数据库与目标数据库的数据结构与数据的导入导出非常简单. 方法1:备份源数据库,恢复到目标数据库即完成. 方法2:使用SQL Sever数据库自带的[复制数据库]功能或者[导入数据]功能按照向导操作即可. 情景二.同一数据库产品,不同版

Java反射API研究(2)——java.lang.reflect详细内容与关系

对于最新的java1.8而言,reflect中接口的结构是这样的: java.lang.reflect.AnnotatedElement java.lang.reflect.AnnotatedType java.lang.reflect.AnnotatedArrayType java.lang.reflect.AnnotatedParameterizedType java.lang.reflect.AnnotatedTypeVariable java.lang.reflect.Annotated

(转)Linux目录结构及主要内容

"/"根目录部分有以下子目录:        /usr 目录包含所有的命令.程序库.文档和其它文件.这些文件在正常操作中不会被改变的.这个目录也包含你的Linux发行版本的主要的应用程序,譬如,Netscape.        /var 目录包含在正常操作中被改变的文件:假脱机文件.记录文件.加锁文件.临时文件和页格式化文件等        /home 目录包含用户的文件:参数设置文件.个性化文件.文档.数据.EMAIL.缓存数据等.这个目录在系统省级时应该保留.        /pr

修改JQuery对象的样式和内容:

添加或修改class:addClass(name); 移除类:removeClass(name); 以上方法可以定义函数,不过返回值需要有一个或多个类名. $('#demo').addClass(function(index,className){ return 'red'; }) 判断是否有某个类:hasClass(name); 切换某个类,有就删除,没有就添加:toggleClass(name); 获取或设置style (用横杠写属性需要加引号,驼峰则不用):css(name,value);

多语言样式容器内容超出父级宽度不换行显示

一个经典的左右浮动布局: <div class="wrap"> <div class="left"></div> <div class="right"></div> </div> wrap层宽度为1000px; 在英文布局下,左右浮动计算好宽度或者不给宽度,都没问题,但是项目引进了多语言翻译后,遇上俄语,法语,意大利语这些单词词组比较长的时候,就会出现left层加上right