默写9个常见的CSS字体与文本属性并解释对应属性的含义

html-css09

默写9个常见的CSS字体与文本属性并解释对应属性的含义,第1张

1.粗细 font-weight作用:设置文字是否加粗显示。属性名:font-weight(属于 font 属性的一个单一属性)

2.字体风格 font-style作用:设置文字是否斜体显示。属性名:font-style(属于 font 属性的一个单一属性)

3.行高 line-height作用:设置的是一行文字实际占有的高度,文字字号在行高中是垂直居中的。属性名:line-height,属于 font 属性的一个单一属性。

4.字体综合 font字体、字号、行高、加粗、斜体都是font综合属性的单一属性。font属性五个单一属性的值可以进行合写,属性值可以有2到多个,值之间用空格进行分隔。

5、水平对齐 text-align作用:设置文本水平方向的对齐。在盒子中,不论文本是单行还是多行,都会对应方向对齐。

6、文本修饰 text-decoration作用:设置文本整体是否有线条的修饰效果。

7、文本缩进 text-indent作用:设置段落首行是否进行缩进。

把一张用来做边框的图片横砍两刀,竖砍两刀,就变成一个由九个小图片组成的九宫格,其中四个角的四张图片就是边框的四个角,四条边上的四张图片就用来做边框的四条边。最中间的那个图片是边框包围着的实际内容,不属于边框,所以这张图片是用不到的,因此这个九宫格实际被利用到的就是四周的八张图片。

<style>

.img-wrap{

width:300px

border:1px solid #336699

}

img{

float:left

width:92px

height:70px

}

</style>

<div class='img-wrap'>

<img src=''>

<img src=''>

<img src=''>

<img src=''>

<img src=''>

</div>

通过设置.img-wrap 宽度来显示一行图片个数