zoukankan      html  css  js  c++  java
  • css 样式、字体属性、外观属性

    样式表

    样式:行内样式表      内部样式表(内联)      外部样式表 (外联)
     
         行内样式表(内联样式表):内嵌的标签中,通过style标签来操作其的属性 、属性值等多个样式。在样式表中,width是样式的属性,200px是样式的属性值,属性与属性值之间用:隔开,多个属性之间用;隔开 
     
         内部样式表:在head标签中使用style标签 
     
         外部样式表 : link:建立与外部CSS文件的链接,href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。type:定义所链接文档的类型,在这里需要指定为“text/CSS”,表示链接的外部文件为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;}

    外观属性

      color: 文本颜色、 十六进制 、 RGB
      通过line-height:设置行间距(行高属性 )文本垂直居中,属性值与盒子高度相同 
      text-align:  水平对齐方式    
      text-indent:  首行缩进
      text-decoration: underline     文本下划线 
          text-decoration: line-through  文本删除线 
          text-decoration:  overline     文本上划线
  • 相关阅读:
    大厂前端带来css3动画transition的使用和介绍全新认识动画
    js事件冒泡和事件捕获详解
    css3动画讲解,关于css3的@keyframes和animation
    [bug] Hive:java.net.ConnectException: Connection refused
    [bug] Hive:User root is not allowed to impersonate anonymous
    [bug] Hive:Permission denied: user=anonymous, access=EXECUTE, inode=”/tmp”
    [bug] Hive:Error: FUNCTION 'NUCLEUS_ASCII' already exists. (state=X0Y68,code=30000)
    [Python] 环境
    [Java] Web
    [计算机科学] 编程语言
  • 原文地址:https://www.cnblogs.com/hjcby/p/13514396.html
Copyright © 2011-2022 走看看