前端学习笔记八

作者: 被注册的9527 | 来源:发表于2017-02-22 16:44 被阅读10次

    Css单位与文字排版

    一、标签的类型(显示模式)

    1,行内元素

    1.1,行内元素仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽高,对齐等属性常用于控制文本的样式

    1.2,行内元素内不能嵌套块级元素,只能嵌套其他的行内元素

    1.3,常见的行内元素strong\b\em\i\del\s\u\ins\a\span

    2,块级元素

    2.1,块级元素独占一行或多行,可以对其设置宽高,对齐等属性,常用于页面布局和网页结构搭建。

    2.2,块级元素可以容纳多个嵌套的块级元素或者行内元素

    2.3,常见的块级元素h1-6\p\div\ul\li\ol

    3,改变标签显示模式

    display:none \ inline \block

    \inline-block

    none:此元素不被显示

    inline:此元素按行内元素显示

    block:此元素按块级元素显示

    inline-block:此元素按行内元素排版,但是可以设置宽

    显示模式的兼容问题:

    IE6,7支持inline装换成inline-block但不支持block装换成inline-block,解决方法是现将非inline元素转换成inline然后再转换成inline-block

    4,Css颜色表示

    Rgb \rgba\英文表示\十六进制\

    5,Css长度

    Px:像素点em:1em等于当前的字体大小cm厘米mm毫米pc派卡in英寸

    6,css字体样式属性

    font-size字体大小

    font-family字体(在css中设置字体名称是直接写中文是允许的,但是在文件编码时不匹配时会产生乱码,在css中直接使用Unicode编码来写文字名称可以避免这些错误)

    font-weight字体粗细(属性值:normal\ bold \ bolder \lighter \ 0--900)

    font-style字体风格(属性值:normal正常\ italic斜体(如果文字没有斜体那么显示正常字体)\ oblique文字倾斜显示)

    综合设置字体样式

    {font: font-stylefont-weightfont-size/line-heightfont-family;}使用font属性时

    相关文章

      网友评论

        本文标题:前端学习笔记八

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