侧边栏壁纸

css基础语法及使用

  • 阿伟 原创作品 2个月前
  • 前端学习 暂无标签~
  • 85阅读0评论0点赞
  • css基础选择器:

    1. 标签选择器
    2. 类选择器
    3. id选择器
    4. 通配符选择器

    标签选择器

    作用:可以选出所有相同的标签
    特点:不能差异化选择
    用法:

    p{
    colo:red;
    }

    类选择器

    作用:可以根据需求选择
    特点:可以出现1个或者多个标签
    用法:

    .nav{
    colo:red;
    }

    id选择器

    作用:一次只能选择一个标签
    特点:id属性只能在每个html文档中出现一次(一般和js搭配使用)
    用法:

    #nav{
    colo:red;
    }

    通配符选择器

    作用:选择所有的标签
    特点:选择的太多,有部分不需要
    用法:

    *{
    nav:red;
    }

    css字体属性

    font-family :字体系列
    font-size:字体大小(单位px)
    font-weight:字体粗细(加粗是:700或者bold ,不加粗是:normal或者400)
    font-style:字体斜体(斜体是italic,不倾斜是normal)
    line-heigut:行高
    font:字体连写

    复合属性

    语法

    body{
     font: style weight size family
    }

    使用font属性时,必须按照上面的语法格式顺序写,不能更改顺序,各属性间用空格隔开
    不需要的可以省略,但必须保留font-size和font-family,否则不起作用

    文本属性

    1,color(文本颜色)
    表示方式
    预定义颜色值:列如:red,green,blue
    十六进制:#FF0000,#FF6600
    RGB代码:rgb(255,0,0)或者rgb(100%,0%,0%)

    2,text-align(文本对齐)
    left:左对齐
    right:右对齐
    centrr:居中对齐

    3,text-decoration(文本修饰)
    none:默认,没有装饰线
    underline:下划线
    overline:上划线
    line-through:删除线

    4,text-indent(文本缩进)
    单位:em
    em是一个相对单位(当前元素一个字的大小)

    5,line-height(文本行高)
    控制 行与行之间的距离

    css引入方式

    1. 行内样式表(行内式)
      标签头添加style属性

      <div style="color: red;">阿伟</div>
    2. 内部样式表(嵌入式)
      是写到html页面内部,是将所有的css代码抽取出来,单独放到一个style标签中
    3. 外部样式表(链接式)
    0

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消