您的位置:首页 > Web前端 > CSS

南大软院大神养成计划——CSS进阶

2015-11-24 15:46 267 查看
     学完了CSS的基本概念和组成方式,接下来就是CSS的重点了:怎么通过CSS去设置网页的字体大小呢?怎么通过CSS去设置网页的段落格式呢?怎么去改变背景颜色,字体颜色呢?等等。。。

   首先说说字体,网页默认字体是“Microsoft Yahei”,我们要设置时通过修改 font-family: ;然后说一说文字的字号和颜色,这两个样式都是用 font-size来设置的;文字还有粗体和斜体之分,粗体用font-weight:bold来设置,而斜体用font-style:italic来设置;有一些时候涉及价格的改变,例如淘宝天猫上面的旧价格划去就要用到text-decoration:line-through来设置了;而有时我们要强调某东西时也会用下划线来吸引注意,用text-decoration:underline来设置。

   设置完字体就要整体考虑段落了,段落一般是会有缩进的,用text-indent:来设置缩进;段落中行与行之间的距离有时候也会影响浏览者的观看体验,所以可以用line-height:来设置行高距;段落排版还有字体和单词之间的距离排版,分别用letter-spacing:和word-spacing:来设置;段落标签也属于块状元素,可以用text-align:center来设置其居中或者居左(left)等。

   谈及到这个块状元素,我们就来给元素分分类。HTML中的标签元素大体分为三类:块状元素(block);内联元素(inline);内联块状元素(inline-block)。这里都有些常见的元素我们需要适当记忆。其中每种元素都有它独特的特点,在设置的时候需要注意!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: