xiaoqiyan 的个人博客

记录精彩的程序人生

Open Source, Open Mind,
Open Sight, Open Future!
  menu
27 文章
0 评论
13968 浏览
0 当前访客
ღゝ◡╹)ノ❤️

前端学习之CSS Day06 CSS样式

color:文本颜色

几种写法

  1. 直接使用单词,如red blue
  2. 十六进制写法:如#660099,最常用

​ 常见颜色:#000000 纯黑

​ #FFFFFF 纯白

​ #FF0000 纯红

尽量使用缩写

  1. RGB代码:如rgb(0,0,255)红绿蓝
  2. RGBA代码:如rgba(0,1,0, .5)最后一个值是透明度

line-height 行间距

文本内容会居中

两种写法,一种是px,一种是百分比

一般情况下,行距比字号大7.8像素就行了,如何决定是7还是8能,凑偶数就行。

text-align文本对齐

值:left,center,right

默认是left

text-indent水平缩进

设置首行缩进,常用的就是2em

text-decoration 文本修饰

可以用来去掉超链接的下划线

text-decoration:none;

默认值时underline

overline:上标线

line-through:和删除线一样

元素的三种展现形式

块级元素

div p h1-h6 ul li ol dl dt dd

  1. 块元素就是让我们更好的布局
  2. 每个块元素都占一行
  3. 块元素可以设置宽度和高度,默认宽高都是100%
  4. 块元素内部可以防止其他块元素和行内元素

行内元素(inline)

a strong b em i del s ins u span img video

  1. 行内元素默认宽度根据内容来
  2. 宽度,高度不能设置
  3. 行内元素不会独占一行,同一行内,多个行内元素可以并存
  4. 行内元素不能放块元素,行内元素只能容纳文本或者其他行内元素
  5. 但是a标签比较特殊,里面可以放块元素的

行内块元素(inline-block)

  1. 和相邻行内元素在一行上,但是会有空白缝隙(间隙其实就是空格)
  2. 默认宽度就是内容的宽度
  3. 高度,行高,内外边距都能控制
  4. 具备了块元素的特性,并且不会独占一行,结合了两者

标题:Python
作者:肖祺彦
地址:url

评论
取消