css基础知识

代码来源自网络,有错误的请指正!

 

1、旋转文字

<div class="example-date">  
  <span class="day">31</span>  
  <span class="month">July</span>  
  <span class="year">2009</span>  
</div>  

 

 

 


2、颜色基础知识

Html中自定义颜色的格式为#rrggbb,基中rrggbb分别是表示颜色中的

红,绿,蓝三个分量的两位十六进制数,如果不熟悉十进制数,只要记住FF是最大

值,00是最小值,在指定颜色分量时遵循下列几点:

  • FF表示完全的亮度
  • CC表示80%的亮度
  • 99表示60%的亮度
  • 66表示40%的亮度
  • 33表示20%的亮度
  • 00表示没有这种颜色的成分

例如,亮红色为#FF0000,深绿色是#003300,蓝紫色是#660099,而中灰色是#999999

要将网页的背景色为红色,文本色为深绿色,使用如下所示HTML代码:

<body style="background-color:#FF0000; color:#003300">

 


 

 

 

 


 

3、边框属性

border 简写属性,用于针对四个边的属性设置声明
border-style 用于设置元素所有边框的样式,或者单独设置边框样式
border-width 用于为元素的所有边框设置宽度
border-color 设置元素的所有边框中可见部分的颜色,或为4个边分别设置颜色
border-bottom 设置下边框的所有属性设置到一个声明中
border-bottom-color 设置元素下边框的样式
border-bottom-style 设置元素下边框的样式
border-bottom-width 设置元素的下边框的宽度

 4、为li标签去除符号

  list-style:none


 

posted @ 2015-12-11 14:52  满猪星  阅读(192)  评论(0编辑  收藏  举报