css初始

标签：文本   height   水平   标签   through   内嵌   方式   head   sim   

  为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 

  CSS：（网页美颜相机）  层叠样式表

   作用：用来美化网页的 

样式表

样式表：行内样式表 内部样式表 外部样式表 

   行内样式表（内联样式表）：内嵌的标签中，通过style

  style是标签的属性 、属性值是多个样式

   px:像素单位 

   在样式表中：width是样式的属性，200px是样式的属性值，属性与属性值之间用：隔开，多个属性之间用;隔开 

内部样式表：在head标签中使用style标签 

外部样式表 

 link:建立与外部CSS文件的链接

 rel="stylesheets":定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件 

   CSS规范:1、 选择器与花括号之间加空格

                2、冒号与属性值之间加空格

                3、多个属性值之间用;

 字体样式属性

1、利font-size:字号大小   用像素 属性值一般设置偶数  页面中默认字体大小是16像素

2、利font-family:字体的家族  汉字表示：黑体  英文表示 SimSun Unicode 编码: "\5B8B\4F53"

3、区font-weight:字体粗细   bold

4、font-style:字体风格  oblique/italic 表示倾斜

5、font:综合设置字体样式

选择器{font: font-style  font-weight  font-size  font-family;}

外观属性

1、color:文本颜色

  十六进制  0-9 A-F 

       用六位 

       #000000黑色

       #ffffff黑色 

  RGB

       red 红色  green  绿色  blue蓝色 

      0-225 

rgba 前三个属性和rgb相同 第四个是 透明度0-1

扩充   opacity  透明度 

二者的区别： rgba 不会实现继承  而opacity 会使父元素和子元素的透明度都会发生改变 

1、通line-height:行间距

 行高属性 

      文本垂直居中，属性值与盒子高度相同 

      line-height: 100px;

      数值小于高度，文本靠上

       line-height: 60px; 

      数值大于高度， 文本靠下

2、text-align:水平对齐方式

3、text-indent:首行缩进   大部分都是em

4、text-decoration

文本下划线 

text-decoration: underline; 

文本删除线 

  text-decoration: line-through; 

    文本上划线 

text-decoration:overline

css初始

标签：文本   height   水平   标签   through   内嵌   方式   head   sim   

原文地址：https://www.cnblogs.com/guirong/p/13513867.html