当前位置: 首页 > 编程日记 > 正文

css层叠样式表(一)

今天研究了下css。这东东入门不算难。可是想写出好的样式就得有很深的功底了。按照老大给网址,12天学会网页设计。做下总结吧。css通过div(层)来定位,通过层的margin,padding,border等属性来控制板块的间距。常用的模型是盒状模型。对于margin,padding这两个属性不能定义颜色。举一个例子:
  #smaple
{
    MARGIN:10px,10px,10px,10px;
    PADDING:20px,10px,10px,20px;
    BORDER-TOP:#CCC2px solid;
    BACKGROUND:url()#FEFEFE no-repeat rightbottom;
    COLOR:#666;
   TEXT-ALIGN:center;
   LINE-HEIGHT:150%;
   WIDTH:60%;
}
<DIV ID=sample;
在这个例子中,MARGIN是指层的边框以外留的空白,用于边距或者其他层制造一各间距。若四个边距相同可缩写成MARGIN:10PX;PADDING指层的边框到层内容之间的空白。可以单独指定,如PADDING-LEFT,PADDING-TOP等。若是四个间距都设置,则是按照上右下左顺时针的顺序来指定的。对于BORDER,是指边框到页面之间的距离。看到过一个例子中,有设定LEFT的,不知道这些个TOP,RIGHT,BOTTOM,LEFT,是不是和BORDER-TOP...BORDRE-LEFT都是指该层到页面的距离。老大说不是的,但是具体怎样还得等他的答案。呵呵,不用他说,我想我已经明白了。BORDER-LEFT之类是指左边框。而LEFT是指层距离显示器或者说页面的距离。当然left有时候还指对齐方式。
COLOR,TEXT-ALIGN之类指字体的颜色,对齐方式。而如果对于字体有了多次定义,则以最近的为准。
css层叠样式表不能单独使用,必须在一个html文件之中。调用css只要在<body>中使用<div>来定义。
对于要制作一个网站。第一步:必须首先要定义文档类型,也就是DOCTYPE(DTD)。有transitional,strict,framset三类。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Framset//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml-framset.dtd"> 第二步:要加名字空间,声明之后允许你通过一个网址指向你的标识。<html xmlns=http://www.w3.org.2006/xhtml lang="gb2312">第三步:要定义语言编码.<?xml version="1.0" encoding="gb2313"?> 在head区的设置加入收藏夹,设置站点作者信息,简要介绍,关键词等。

转载于:https://www.cnblogs.com/huqianqian/archive/2006/01/04/310942.html

相关文章:

aspx页面使用ajax遇到try catch中使用Response.End()报错

1、使用Ajax接收数据&#xff0c;在返回Response.Write()后应该调用Response.End()才能将数据写入到调用的页面,才能被jQuery的回调函数获取到返回的JSON数据 2、在try--catch里面不能用Response.End()&#xff0c;否则会报错&#xff1a;由于代码已经过优化或者本机框架位于调…

GO是更好的编程语言吗?

引言 团队有项目考虑用GO重写&#xff0c;所以花了些时间调研GO。 第一次接触GO是2年前&#xff0c;17年3月份&#xff0c;全职钻研一周&#xff0c;彼时C中毒太深&#xff0c;内心排斥其他编程语言&#xff0c;看其他语法总觉得有点怪&#xff0c;而且有“C/C能做任何事&#…

定位DIV滚动条

如果由于table中有一个下拉框&#xff0c;还有一个treeview时&#xff0c;treeview的所有节点都是取于下拉框的下拉选项来的&#xff0c;所以在第一定位这之后&#xff0c;当选择其他下拉框中其他的选项时&#xff0c;DIV的scrollTop值是会一直保存前一个步聚DIV滚动条所在的位…

JS作用域相关知识(#精)

在学习《你不知道的JS》一书中&#xff0c;特将作用域相关知识在此分享一下: #说到作用域&#xff0c;就不得不提到LHS查询和RHS查询: 1)如果查询目的是对变量进行赋值&#xff0c;则使用LHS查询 2)如果查询目的是获取变量的值&#xff0c;则使用RHS查询 作用域的查询都会从当前…

RUP within the context of the Six Best Practices

前面几期图文介绍了软件工程中常见的问题&#xff0c;以及找到它们的根本原因&#xff0c;提出了在软件工程实践中总结出来的六个最佳工程实践。迭代化开发、需求管理、基于构件的体系结构、可视化建模、持续的质量验证、变更管理。今天我们介绍Rational公司的RUP&#xff0c;看…

排序算法java版,速度排行:冒泡排序、简单选择排序、直接插入排序、折半插入排序、希尔排序、堆排序、归并排序、快速排序...

先推荐一篇关于排序算法的文章&#xff1a;http://www.cppblog.com/guogangj/archive/2009/11/13/100876.html 本文思路部分来源于上篇文章&#xff0c;但测得的结果似乎不大相同&#xff0c;不知是因为java的缘故还是因为我算法的缘故&#xff0c;欢迎拍砖。 复习排序&#xf…

项目存档管理规范

项目存档管理规范 在我们开发过很多个项目之后&#xff0c;每个项目都会累积下很多源码、文档等&#xff0c;查找和整理起来很不方便&#xff0c;如果我们又要同时工作于多个项目的话&#xff0c;情况会更糟。所以对每个项目的各种档案进行有效管理很有必要&#xff0c;从公司层…

review what i studied `date` - 2017-4-12

python 连接字符串 int srt >>> a 1 >>> b xuhui >>> a b Traceback (most recent call last):File "<stdin>", line 1, in <module> TypeError: unsupported operand type(s) for : int and str >>> b str(a)…

StaticFactoryMethod_Level1

以下代码是“简单工厂模式”的第一个例子&#xff1a;

逃离深圳,一个程序员的选择

到新公司上班也已经一个多月了&#xff0c;上周刚刚交了首付&#xff0c;总价50多万&#xff0c;97个平方的房子还外送8个平方。为了不忘记这次的选择&#xff0c;也为了记录这次选择的过程&#xff0c;特撰文如下。 自从得知老婆怀孕后&#xff0c;那是相当高兴&#xff0c;但…

弹出窗口(对话框)

对话框分为三种&#xff1a;window.open方法 无模式对话框 有模式对话框 第一&#xff1a;OPEN方法 <script>functionopen_cate(){ window.open("OpenUp.aspx","","toolbar0,location0,directories0,status0, menubar0,scr…

隐藏系统保留区

为了下午的装机活动自己就安了一个老毛桃&#xff0c;制作启动盘完毕后发现电脑中的“系统保留”盘出来了&#xff0c;为什么会出现这个盘呢&#xff1f; 当笔记本安装Windows7系统时会自己主动产生一个几百兆的系统保留分区。里面保存着系统/磁盘引导的数据。有些笔记本在出厂…

StaticFactoryMethod_Level2

以下代码是“简单工厂模式”的第二个例子&#xff1a;

06- web兼容性测试

稍后更新。。转载于:https://www.cnblogs.com/Chamberlain/p/11064664.html

話說我們家姚明

已經讀三年級了,成績不錯,有目共睹!最近三場比賽連續三次得分在30分以上...呵呵~在NBA那個高手如雲的地方如此出色! ^_^#好強~ 真的好強!!麥迪那個軟蛋,干脆把他賣掉得了!拿高工資不做事的人.. 凸-_-转载于:https://www.cnblogs.com/tohen/archive/2006/03/09/346286.html

20145240《网络对抗》MSF基础应用

MSF基础应用 一个主动攻击&#xff0c;如ms08_067 启动msfsearch ms08_067&#xff0c;查找相应的漏洞&#xff0c;查询可攻击的模块。根据上述漏洞的模块use exploit/windows/smb/ms08_067_netapi选择该模块接下来查看相应的攻击载荷&#xff0c;首先我们可以查看可使用的载荷…

StaticFactoryMethod_Level3

以下代码是“简单工厂模式”的第三个例子&#xff1a;

Dynamics CRM 导入用户数据错误 could not retrieve salesperson role

在CRM中通过导入数据的方式创建用户时报下图中的错误&#xff0c;“could not retrieve saleperson role”。原因是系统中的自带的salesperson安全角色被删除了&#xff0c;在用导入数据的方式导入文档新建用户时是没有安全角色让你选择的&#xff0c;系统默认给分派了销售员的…

也许这样叫做成熟

早上想坐早班车来接三日游回来的佳&#xff0c;不料还是比旅游团的车晚一步&#xff0c;不过今天到……小结&#xff1a;1、做事&#xff0c;大事不糊涂&#xff0c;小事灵活受理&#xff1b;2、目标明确&#xff0c;善始善终&#xff1b;3、卧薪尝胆&#xff0c;体味时间的诅咒…

写文章 TEE技术分析【转】

转自&#xff1a;https://zhuanlan.zhihu.com/p/24222064 首先介绍一下TEE的主要关键技术&#xff1a; 1&#xff0e;安全启动&#xff08;Secure Boot&#xff09; 安全启动技术可以用于需要防止篡改系统镜像&#xff0c;比如安全系统&#xff0c;安全手机镜像等。 2&#xff…

StaticFactoryMethod_Level4

以下代码是“简单工厂模式”的第四个例子&#xff1a;

jquery 获取Select option 选择的Text和Value

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置 获取一组radio被选中项的值:var item $(input[nameitems][checked]).val();获取select被选中项的文本:var item $("select[nameitems] option[selected]").text(); 获取…

Android -- Annotation(注解)原理详解及常见框架应用

1&#xff0c;我们在上一篇讲到了EventBus源码及3.0版本的简单使用&#xff0c;知道了我们3.0版本是使用注解方式标记事件响应方法的&#xff0c;这里我们就有一个疑问了&#xff0c;为什么在一个方法加上类似于“Subscribe”&#xff0c;就可以让我们的反射找到我们的事件响应…

简单工厂模式(StaticFactoryMethod)

来华北电力大学数理系LSGO软件技术团队学习Coding&#xff0c;我通常第一个就讲“简单工厂模式”&#xff0c;这一讲不仅仅是讲模式&#xff0c;更主要的是让大家体会什么是软件系统的“可复用”、“可扩展”、“易维护”、“灵活性好”&#xff0c;以及如何通过面向对象程序设…

Html,Css,Javascript是什么?

本文属于基础科普文&#xff0c;高富帅们请绕道吧。 Html&#xff0c;css&#xff0c;javascript是做网页前台设计的标准套装&#xff0c;html是一些网页控件&#xff0c;css是美化这些控件的代码&#xff08;层叠样式表&#xff09;&#xff0c;js&#xff08;javascript&…

[转帖]ERP术语

栖息谷-IT管理-[转帖]ERP术语 [转帖]ERP术语 1 英文缩写&#xff1a; MIS 英文全称&#xff1a; Management Information System 中文翻译&#xff1a; 管理信息系统 简释&#xff1a; MIS是指对企业大量的原始管理…

how tomcat works 总结 二

第五章 servlet容器 第 5 章讨论 container 模块。container 指的是 org.apache.catalina.Container 接口&#xff0c;有4 种类型的 container:engine, host, context 和 wrapper。这章提供了两个工作于 context 和wrapper 的程序。容器共分四类,类图例如以下:一个wrapper就是一…

策略模式(Strategy)

这是来数理系LSGO软件技术团队学习Coding&#xff0c;第二个要学习的设计模式。该模式在解决同一个问题时可以使用不同的算法。以满足“开闭原则”&#xff0c;把各种算法与实际业务逻辑解耦合&#xff0c;以便写出良好的代码。

[scrum]2011/9/22-----第二天

scrum 总结&#xff1a; Team member Yesterday’s Work Today’s Work Issue R X Task196:Completed xml 文件的解析&#xff0c;并且通过了两个测试用例 Task198:Completed 添加全局变量&#xff1a;当前会议和remind list Task201&#xff1a;Active 基本完成了select …

千千静听4.6.7版发布了

现在这个版本算是很不错的了&#xff0c;提供了相当完善的播放功能 下载&#xff1a; http://ttplayer.com/ttpsetup.exe 转载于:https://www.cnblogs.com/it201108/archive/2006/04/29/2148385.html