css第二节

作者: CC5246 | 来源:发表于2017-05-07 11:26 被阅读2次

一. display属性

1. 四个属性值

none:不被显示,在文档中被移除

block:按块级元素显示,前后带换行符,独占一行

inline:按内联元素显示

inline-block: 按行内标签排版可以设置宽高

2.

display: none 直接移出当前标签不影响页面布局

visibility: hidden 占用页面空间

3.行内块元素设置

css第二节

二. 文字排版

1.字体大小设置

font-size:设置字号,单位px

例如: p{font-size:32px}

2.字体设置

font-family

css第二节

3.字体颜色设置

color: red;

4.字符间距

letter-spacing定义字间距,默认为normal

例如 letter-spacing: 10px;

5.单词间距

word-spacing克定义单词间距,也可设置汉子出现段字的距离

6.字体粗细

font-weight (没有单位)

属性值:normal, bold bolder, lighter

7.字体风格

font-style

属性值:normal默认值 显示标准字体样式

italic 字体以斜体显示

oblique 文字倾斜

8. 文本装饰

text-decoration设置文本装饰效果

css第二节

9. text-align

设置文本内容水平对齐

属性值:left左对齐  right右对齐  center居中

三 . 行高

 line-height 行间距

行与行之间的距离,字符的垂直间距,称为行高。

属性值:像素px 相对值em  百分比%

相关文章

  • CSS第二节:CSS性质

    1.display 可以让行内元素跟块级元素相互转换, e.g. inline, block,inline-blo...

  • CSS第二节:CSS性质

    简单复习一下: Display改变标签显示模式: display可以控制标签的显示模式。 客串一个:visibil...

  • CSS第二节

    display更改行内标签模式 display:inline //可将快标签改成行标签 display:block...

  • css 第二节

  • css第二节

    一. display属性 1. 四个属性值 none:不被显示,在文档中被移除 block:按块级元素显示,前后带...

  • css第二节

    display:可以控制标签的显示模式。 display:inline;使块级标签变成行内元素 display:b...

  • CSS第二节

    CSS的标签模式设置Display属性 display可以控制标签的显示模式。 display:none | in...

  • 2.CSS 学习笔记第二节/背属属性和文本属性

    CSS 学习笔记第二节/背属属性和文本属性 1,这里是 CSS 里面常用的几个属性和他的基本用法 下面详细的介绍一...

  • 2.jQuery学习笔记第二节/Jq的设计思想之选择元素

    jQuery学习笔记第二节/Jq的设计思想之选择元素 1.jQuery的设计思想 选择网页元素模拟 CSS 选择符...

  • html+css初识(第二节)

    本小节主要用来了解各种HTML标签,知道各种标签的含义。下面通过一小段代码来了解各种标签的含义: 运用效果: ① ...

网友评论

    本文标题:css第二节

    本文链接:https://www.haomeiwen.com/subject/vdyltxtx.html