CSS学习1

来源：互联网发布：nginx配置http转https 编辑：程序博客网时间：2024/04/27 03:11

一、层叠样式表的链接方式。
使用CSS层叠样式表可以很方便的设置所有的标签的属性 ,不用像以前一样我们对每个html标签逐个进行设置。
在html中使用css有四种方式。

1、行内样式设置html标签的style属性 ,例如<body style="css样式"> 这样设置不能达到一次设置全部更新的效果。

2、   内嵌式
    <style type="text/css">
     <--css层叠样式表样式-->
    </style>

3、链接式利用<link type rel href="*.css">标签连接css rel表示这个文件和当前文件的关系。type是文件类型必须放在head标签中这是一个规则,方便浏览器查找样式表
<link href="stylesheet/me.css" type="text/css" rel="stylesheet" />

4、导入方式   url可写可不写 ,但是；必须写要不然会出错误.这个导入方式可以把多个css文件导入到一个css文件中但是最好不要这样做,众多网站设计师的经验。
    我们在制作网站的时候最好用link方式。
   <style type="text/css">
    @import url("stylesheet/me.css");
   </style>

二、css选择器 css类别选择器,对于标记进行分类设置样式   id选择器(只能出现一次js)

   ul可以嵌套使用
   strong 加强黑体显示 em加强斜体显示

   p b{}    表示p标记中包含的b标记的样式

   p.astyle{}表示p标记的类别选择器为astyle的标签的样式     也就是class属性

   p,b,h1{} 表示这几个标签样式是一样的,所以我们可以放在一起设置中间用,隔开。   同时对多个元素设置css样式

如果一个标记包含在另一个标记的里面那么它会首先继承外面的标记的css样式设置。如果内部标记自己设置样式那么会覆盖父标记的样式。

.class{} #id{} a{}

三、 span标签可以放在div或者p中使用.在div中嵌套span可以设置部分的样式。

     font-family: 黑体,幼圆,楷体; 设置字体如果系统中有黑体那么用黑体如果没有黑体那么用幼圆 ,如果都没有那么使用浏览器默认字体

     font-size:10px;

     pt是印刷业上常使用的单位,磅的意思.一般也用于页面打印排版.
     如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.
     px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的.
     mm 毫米
     cm 厘米

     color 设置字体的颜色

font-weight 设置文字的粗细的。

     font-style 设置字体风格
              normal : 正常的字体
              italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
              oblique : 倾斜的字体

     font-decoration 设置字体的下划线也就是装饰
          none : 　无装饰
          blink : 　闪烁    IE貌似不支持
          underline : 　下划线
          line-through : 　贯穿线
          overline : 　上划线
     text-transform : 大小写转换
        none : 　无转换发生
        capitalize : 　将每个单词的第一个字母转换成大写，其余无转换发生
        uppercase : 　转换成大写
        lowercase : 　转换成小写
      letter-spacing 字符间距允许负数 px

   vertical-align   文本的垂直方向对齐方式
   ruby-align 水平对齐方式

   float:left可以实现文本的首字下沉的效果第一个字必须必其他的大小要大
   padding-right 设置对象四周的边界例如表格中的文字