HTML和CSS-3.CSS

2024-10-19 07:06:21

(Cascading Style Sheet) : 层叠样式表,用于控制页面的样式(表现)

<body>
  <img src="./457a099e9c2540ffe6504081edc1635.png"> 新浪政务 > 正文
  <!-- 方式一:行内样式 -->
  <h1 style="color: brown;">焦点访谈：中国底气 新思想夯实大国粮仓</h1>
  <hr>

针对所有的h1级的标题,所有的h1标题都会变成蓝色

关键字: 预定义的颜色名-取值 red,green,blue…
rgb表示法: 红绿蓝三原色,每项值的取值范围: 0~255-取值 rgb(0,0,0),rgb(255,255,255)
注意: rag(红颜色的值,绿颜色的值,蓝颜色的值),例rgb(255,0,0)-纯红色:…
十六进制表示法:#开头,将数字转换成十六进制表示-取值 #000000 ,#ff0000,#cccccc,简写:#000,#ccc
注意:#000000-第一第二位数字表示红色,第三第四位数表示绿色,第五第六位数字表示蓝色
#ff0000表示红色拉满,其他为0,而且两个ff可以缩写成1个f,两个0可以缩写成一个0 - #f00

非标题
使用<span></span>无语义标签

用来选取需要设置的样式的元素(标签)

优先级:id选择器>类选择器>元素选择器

在设置行内元素颜色的选择器里面设置对应的字体大小
使用font-sizse:npx(n个像素)

    #time{
        color:rgb(147,144,145);
      font-size: 12px;  /* 设置字体的大小 */
      }

test-indent
对所有段落进行首行缩进50个像素

line-height
每行高为45个像素

text-align:center中间对齐
text-align:left靠左对齐
text-align:right靠右对齐

码农公寓