博客园 首页 新随笔 联系 订阅 管理

1.CSS基础语法

  格式:

    选择器{ 属性1: 值1; 属性2: 值2}

  基础语法:

      width: 宽

      height: 高

      background-color: 背景色

  单位:

      1. px -> 像素

      2. % -> 百分比 (相对父容器的大小)

        外容器 -> 600px  当前容器  50% -> 300px

        外容器 -> 400px  当前容器  50% -> 200px

  CSS注释:

      /*CSS注释*/

 

  横向像素 * 纵向像素 = 电脑的分辨率

 

2.内联样式、内部样式与外部样式

  内联样式: 通过在标签中加上style属性来实现

  内部样式: 通过<style></style>标签来实现

  外部样式: 通过<link>标签引入一个外部的.css文件来实现

  

  内部样式的优点:

      (1)让结构和样式分离,符合W3C的标准

      (2)可以复用代码

 

  <link>标签的属性

    href:外部资源的地址

    rel: 指定资源与页面的关系

 

3.颜色表示法

  (1)单词表示法

    yellow blue red

  (2)十六进制表示法

    0 1 2 3 4 5 6 7 8 9 A B C D E F

  (3) RGB三原色法

    rgb(255,255,255)

    取值 0 ~ 255

  

posted on 2021-12-30 19:58  Computer_Science  阅读(31)  评论(0)    收藏  举报