zoukankan      html  css  js  c++  java
  • CSS属性汇总

    ■ 总结

    因为页面上显示的所有元素都是在<body>标签里的,因此可以通过给<body>标签指定CSS样式,即可给整个页面指定CSS样式

    但是该方法并不适用所有标签元素,比如标题标签<h1~6>,需要额外指定CSS样式(如字体大小等)

    ■ 字体

    □ 定义

    Font系列属性用于定义字体系列,大小,粗细,和文字样式

    □ 属性

    font-size

    设置字体大小,通常用的单位是px,数字后面一定要写px,具体请参照font-size属性

    font-family

    设置字体,实际工作中按照团队约定来写字体,具体请参照font-family属性

    font-weight

    设置字体粗细,加粗是700或者bold,不加粗是normal或400, 数字不要跟单位,具体请参照font-weight属性

    font-style

    设置字体样式,倾斜是italic,不倾斜是normal,工作中normal最常用,具体请参照font-style属性

    font

    设置文字复合属性,文字复合属性是有规定顺序的,其中字号和字体是必须项,具体请参照font属性

    ■ 文本

    □ 定义

    CSS文本属性可定义文本的外观,比如文本的颜色,对齐文本,装饰文本,文本缩进,行间距等

    □ 属性

    color

    设置文本颜色,通常使用十六进制,具体请参照color属性

    text-align

    设置文本对齐,可以设定文本水平的对齐方式,具体请参照text-align属性

    text-indent

    设置文本缩进,通常用于段落首行缩进2个字的距离,具体请参照text-indent属性

    text-decoration

    设置文本修饰,常用方式为添加下划线和取消下划线,具体请参照text-decoration属性

    line-height

    设置行高,控制行与行之间的距离,具体请参照line-height属性

    ■ 背景

    □ 定义

    CSS背景属性可以给页面元素添加背景样式

    背景属性可以设置背景颜色,背景图片,背景平铺,背景图片位置,背景图像固定等

    □ 属性

    background-color

    作用:背景颜色,值:预定义的颜色值 / 十六进制 / RGB代码,具体请参照background-color属性

    background-image

    作用:背景图片,值:url(图片路径),具体请参照background-image属性

    background-repeat

    作用:是否平铺,值:repeat / no-repeat/ repeat-x / repeat-y,具体请参照background-repeat属性

    background-position

    作用:背景位置,值:length(精确单位)/position(方位名词) 分别是x和y坐标,具体请参照background-position属性

    background-attachment

    作用:背景附着,值:scroll(背景滚动) / fixed(背景固定),具体请参照background-attachment属性

    背景简写

    作用:书写更简单,值:背景颜色,背景图片地址,背景平铺,背景图像滚动,背景图片位置,具体请参照background属性

    背景色半透明

    作用:背景颜色半透明,值:background:rgba(0,0,0,0.3), 后面必须是4个值,具体请参照background属性


    背景图片:实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是相比较于插入图片非常便于控制位置,具体请参照text-indent属性

  • 相关阅读:
    Note/Solution 转置原理 & 多点求值
    Note/Solution 「洛谷 P5158」「模板」多项式快速插值
    Solution 「CTS 2019」「洛谷 P5404」氪金手游
    Solution 「CEOI 2017」「洛谷 P4654」Mousetrap
    Solution Set Border Theory
    Solution Set Stirling 数相关杂题
    Solution 「CEOI 2006」「洛谷 P5974」ANTENNA
    Solution 「ZJOI 2013」「洛谷 P3337」防守战线
    Solution 「CF 923E」Perpetual Subtraction
    KVM虚拟化
  • 原文地址:https://www.cnblogs.com/shiliye/p/14144918.html
Copyright © 2011-2022 走看看