• HTML学习 day04


    1、字体、文本声明

      声明语句必须要包含在{}号之中;
      属性和属性值之间用“:”分隔;
      当有多个属性时,用“;”进行区分;
      在书写属性时属性之间使用空格、换行等,并不影响属性的显示; 
      如果一个属性有多个值,则每个属性值之间用空格分隔开。 
    

    CSS属性-字体

          font-size 字体大小属性:可设置字体的大小,常用单位px。网页默认大小16px 
          font-style 字体风格属性:设置字体是否倾斜。font-style:normal/italic/oblique  分别为正常/斜体
          font-weight 字体加粗属性:设置字体加粗。font-weight:normal/100-900/bold/bolder  分别为正常/加粗
          font-family 字体名称属性:设置字体名称。font-family:"字体名称"
          text-align 文本对齐属性:设置文本对齐格式。text-align:top/bottom/middle/justify(两端对齐)
          vertical-align 垂直对齐方式。vertical-align:top/bottom/middle
          line-height 行高属性:设置行距。line-height:数值/倍数
        
          text-decoration 文本修饰属性:设定文本划线属性  
          语法:text-decoration:none/underline(下划线)/overline(上划线)/line-through(删除线)/blink(文字闪烁)
        
          letter-spacing 设置文本字符间距。控制字母或者汉字的间距
          word-sapcing 设置单词字母间距。
          text-transform 大小写切换。text-transform:none/capitalize(每个字母大写开头)/uppercase(仅有大写字母)/lowercase(仅有小写字母)    
          font-variant:normal/small-caps/inherit 小型大写字母 规定应该从父元素继承
        
          font:font-weight font-style font-size/ line-height font-family; 文字属性的缩写
          注意:文字缩写属性必须要在font-size和font-family同时存在时才会生效
          其中font-weight 和font-style没有会使用缺省值。
          font-size和line-height必须以"/"(反斜杠)连接。
          文字属性的简写必须按照此顺序
        
          color 颜色属性。color:颜色;
          width 宽度属性。值为数值,单位px/%
          height 高度属性。值为数值,单位px/%
    

    2、列表的声明

    CSS属性-列表

          定义列表符号样式:1.list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉列表符号)
                         2.使用图片作为符号:list-style-image:url(所使用图片的路径及全称)
                         3.定义列表符号位置:list-style-position:outside/inside
    

    3、背景的声明

    CSS属性-背景

          background-color 为元素设置背景色
          background-image 为元素设置背景图。background-image:url(图片的路径及全称)
          background-repeat 设置背景图是否平铺。
          语法:background-repeat:repeat/repeat-x/repeat-y/no-repeat
          
          background-position 背景定位属性,设置背景图片属性,
          通过方向或者数值来设置:left top;或者0px 0px;分别表示水平位置和垂直位置
          
          background-attachment 背景附着属性,设定图片是否跟随内容滚动 值:scroll/fixed  
          语法:background:背景颜色  背景图像   背景位置  背景重复 背景附着 
    

    4、浮动的详细讲解

    CSS属性-浮动

    • 网页元素的三种位置方式
      1.普通流:普通流中元素框的位置由元素在XHTML中的位置决定。元素从上到下依次排列
      2.浮动:浮动的元素脱离普通流。浮动的元素可以在左右移动,直到它的外边框边缘碰到包含块或另一个浮动元素的边缘。
      3.定位

         float:none/left/right; 左/右浮动。浮动框是脱离了普通的文档流
         clear:none/left/right/both 无/左/右/全部不允许浮动
  • 相关阅读:
    PAT查找题---1032 挖掘机技术哪家强 (20分)
    PAT查找题---1028 人口普查 (20分)
    PAT查找题---1004 成绩排名 (20分)
    01_1JAVA简介
    01考试简介
    shell时间变量拼接问题
    如何将oracle查询的结果传输给变量
    生产环境邮件问题总结
    mutt+msmtp做linux邮件客户端
    linux配置邮件客户端
  • 原文地址:https://www.cnblogs.com/pp-yang/p/11950737.html
Copyright © 2020-2023  润新知