zoukankan      html  css  js  c++  java
  • css初始

      为什么要用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 编码: "5B8B4F53"

    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 

    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

  • 相关阅读:
    推荐几款实用的Android Studio 插件
    2015-2016最火的Android开源项目--github开源项目集锦(不看你就out了)
    [置顶] Android 2016新技术
    Android Design Support Library使用详解
    Android图片压缩(质量压缩和尺寸压缩)
    活用shape、selector和layer-list来打造自己想要的背景效果
    自定义 Material Design风格的提示框
    android:ToolBar详解
    Android 2016新技术
    文件流格式与base64格式图片上传到七牛
  • 原文地址:https://www.cnblogs.com/guirong/p/13513867.html
Copyright © 2011-2022 走看看