首页 > css层叠样式表(一)

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%;

}


在这个例子中,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只要在中使用
来定义。

对于要制作一个网站。第一步:必须首先要定义文档类型,也就是DOCTYPE(DTD)。有transitional,strict,framset三类。 第二步:要加名字空间,声明之后允许你通过一个网址指向你的标识。第三步:要定义语言编码. 在head区的设置加入收藏夹,设置站点作者信息,简要介绍,关键词等。

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

更多相关:

  • 请先忽略背景图,遮罩位置是随便放的,我们主要关注下面的代码↓

    三角形(css3)

    1 .userCard .sanjiao {//三角形的制作; 2 width: 0; 3 height: 0; 4 border-left: 10px solid transparent; 5 border-right: 10px solid transparent; 6 bor...

  • 这里将分享我使用PCL库的遇到的一些坑,以及总结的技巧,当然也需要各位能够多多分享,将公众号的文章或者知识星球的文章转发到朋友圈。 pcl_common中主要是包含了PCL库常用的公共数据结构和方法,比如PointCloud的类和许多用于表示点,曲面,法向量,特征描述等点的类型,用于计算距离,均值以及协方差,角度转换以及几何变化的函...

  • C++中extern是指全局的意思。它一般有两个方面的用途: 1、声明变量 首先说一下声明和定义的区别: ①变量的定义:用于为变量分配存储空间,还可以为变量指定初始值。在一个程序中,变量有且仅有一个定义。 ②变量的声明:用于向程序表明变量的类型和名字。定义也是声明:当定义变量时我们声明了它的类型和名字。可以通过使用extern...

  • 在构造自己的类时,有可能会碰到两个类之间的相互引用问题,例如:定义了类A类B,A中使用了B定义的类型,B中也使用了A定义的类型 class A {     int i;     B b; } class B {     int i;     A* a; } 请注意上面的定义内容,一般情况下是不能出现类A,类B相互引用都定义对象,即...

  •   前天在玩OLED时想完成一直想弄得一个东西,就是简单的单片机游戏。因为STM32和nRF51822的内存足够,所以就用缓存数组的方法来显示图像(我也不知道术语是啥,反正就是在内存中建立一个128X64的二维数组,更新显示时将整个数组刷新到屏幕上),而且这两个OLED是串口的(还有一个128X32的OLED,一样串口的,连驱动时序和...

  • 三、继承中容易引起的错误有时候继承也会带来些错误,比如说下面这条css定义: body{color:blue} 在有些浏览器中这句定义会使除表格之外的文本变成蓝色。从技术上来说,这是不正确的,但是它确实存在。所以我们经常需要借助于某些技巧,比如将css定义成这样: body,table,th,td{color:blue} 这样表格...

  • 原文出处: 韩昊    1 2 3 4 5 6 7 8 9 10 作 者:韩 昊 知 乎:Heinrich 微 博:@花生油工人 知乎专栏:与时间无关的故事   谨以此文献给大连海事大学的吴楠老师,柳晓鸣老师,王新年老师以及张晶泊老师。   转载的同学请保留上面这句话,谢谢。如果还能保留文章来源就更感激不尽了。 我保证这篇文章...

  • 原文出处: 韩昊   我保证这篇文章和你以前看过的所有文章都不同,这是 2012 年还在果壳的时候写的,但是当时没有来得及写完就出国了……于是拖了两年,嗯,我是拖延症患者…… 这篇文章的核心思想就是: 要让读者在不看任何数学公式的情况下理解傅里叶分析。 傅里叶分析不仅仅是一个数学工具,更是一种可以彻底颠覆一个人以前世界观的思维...

  • 很多Linux高手都喜欢使用screen命令,screen命令可以使你轻松地使用一个终端控制其他终端。尽管screen本身是一个非常有用的工具,byobu作为screen的增强版本,比screen更加好用而且美观,并且提供有用的信息和快捷的热键。 想象一下这样一个场景:你通过Secure Shell(ssh)链接到一个服务器,并...

  • NarrowbandPrimary Synchronization Signal时域位置每1个SFN存在一个NPSSSFNSubframeSymbol长度每个SFN5最后11个symbol11个symbols频域位置NB-IOT下行带宽固定180kHz,一个PRB,12个子载波。...

  •  [h1]反斜杠只能够阻止一个字符  [h2]位于键盘的左上角,和~公用一个键。...