现在的位置: 首页 > 综合 > 正文

2012.712–CSS

2012年02月17日 ⁄ 综合 ⁄ 共 1592字 ⁄ 字号 评论关闭

      学过了html我懂得了网页上的很多知识,但是学多了问题也就多了,html有不足的地方我们还无法解决,接下来老师给 讲了css来弥补html的不足之处。    

   首先我了解了css是为了解决HTML标签的不足,是作为HTML标签属性的补充。任何的css属性都可以作为于任何的HTML标签。 了解了css的层叠样式,下面来复习一下css的语法结构。

  css选择符有三个:id选择符,元素选择符,类选择符class。我们 通过选择符来确定某一些css属性作用于哪个html标签,也就是选择符的作用就是用来确定某一个html标签的。 他的语法:选择符{属性:属性值;...}。

   css语法有平级语法,层级语法和css组合语法。平级语法是根据","来分割选择符, 那么选择符后面的CSS作用于前面的所有的选择符。层级语法(集成语法)的要求是html元素必须就有层级关系他的作用是把共同 的属性抽象出来,作为公用,同时继承。CSS 组合语法是通过HTML元素的class属性指定多个类别。    

   以上是css的语法下面是css的属性:

   文本类:font是复合属性,修饰字体的属性有font-style(字体样式)/font-variant (小型的大写字母体)/font-weight(字体的宽度normal)/line-height行高/font-family字体风格.color字体颜色, text-align:文本对齐方式。

  背景属性:background-color:背景颜色,background-image:背景图片,background-position 背景图片位置,background-repeat:背景重复。盒子模型有9类;块级元素(div)就是长度和父容器一样,内敛元素(span) 长度和内容的长度一样,内敛元素的width和height不起作用。

    外补丁:margin:指的是元素和元素之间的距离,分为上下左右 margin-left:离左边元素的距离 margin-right:里右边元素的距离 margin-top:里上边元素的距离 margin-bottom:里下边元素的 距离。

  内补丁:padding:指的是内容和元素边框之间的距离分为上下左右。padding-left:离左边边框的距离,padding-right: 离右边边框的距离,padding-top:离上边边框的距离,padding-bottom:离下边边框的距离。

  定位:position:absolute是元素 脱离文档流,使用坐标来定位。

  边框:属性有border指的是块级元素的边框,用法是border:width style color/border-top-width /border-top-color/border-top-style .

  float是使得div可以在父容器中左右浮动,从而脱离文档流,而后面的元素竟会占用移动 元素原来的位置。同时移动的元素 直到碰到父容器的边框就停止浮动。要浮动的元素必须width和height必有有一个,能够浮动的 元素是块级元素。列表list-style:none,list-style-imge:url(1.jpg),list-style-type:.

  表格:border-collapse:collapse 这个属性用来修饰表格的边框,使得边框看起来细腻。前提条件table标签必须有border属性同时如果要修饰边框的颜色,那么使用 border-color来修饰。   

  今天也学到了一个

css的一个透明遮罩技巧:

          -moz-opacity:0.1;/*Firefox*/      

         opacity:0.1;/*Opera*/      

         filter:alpha(opacity=10); /*IE*/
以上是针对三种浏览器的

 

 

 

抱歉!评论已关闭.