前端学习笔记八

作者: 被注册的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属性时

相关文章

  • 2月21笔记

    第八天web前端学习笔记 有道云笔记

  • 前端学习笔记八

    Css单位与文字排版 一、标签的类型(显示模式) 1,行内元素 1.1,行内元素仅仅靠自身的字体大小和图像尺寸来支...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 2月23笔记

    第十天web前端学习笔记 有道云笔记

  • 2月20笔记

    第七天web前端学习笔记 有道云笔记

  • 2月19笔记

    第6天web前端学习 有道云笔记

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • 一个不想减肥的吃货不是一个好程序员

    一个吃货女人的前端学习之路 日常记录学习的过程和笔记 强迫自己有写笔记和总结的习惯 前端之路不易,加油……

  • 2月22笔记

    第九天web前端学习笔记,今天太忙,笔记不多,明天补上。 有道云笔记

  • 2月14笔记

    2月14 第一天web前端学习笔记 有道云笔记

网友评论

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

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