• css_03之文本、浮动


    1、字体属性:①字体格式:font-family:取值:“microsoft yahei”/Arial……;②字体大小:font-size:取值:pt/px;③字体加粗:font-weight:取值:normal(默认值)/bold(粗体,hn,b,strong的默认值)/400-900;④字体样式:font-style:取值:italic(斜体);⑤小型大写字母:font-variant:small-caps;⑥字体属性综合:font:取值:style variant weight size family;* 必须包含font-family属性值;

    2、文本属性:①颜色:color;②排版:text-align:取值:left/center/right/justify;③文本修饰:text-decoration:取值:none(无)/underline(下划线)/overline(上划线)/line-through(删除线);④行高:line-height:指定行高内垂直居中;⑤首行文本缩进:text-indent:取值:px;⑥文本阴影:text-shadow:取值:h-shadow v-shadow blur color;(* 解释可见css01边框阴影);

    3、表格属性:①垂直对齐:vertical-align:设置于td中;②边框合并:border-collapse:取值:separate(默认,分离)/collapse(合并);③边框边距:border-spacing:一个值同时指定单元格四边外边距;两个值分别水平和垂直(* 分离模式下);④显示规则:table-layout:取值:auto(默认,自动表格布局,内容决定单元格大小,自适应,复杂时加载速度慢)/fixed(固定表格布局,table和td的值决定,加速显示,不灵活);

    4、浮动:脱离文档流,不占据页面空间;①父元素宽度无法容纳所有浮动元素时最后一个换行;②浮动后均为块级元素;③浮动元素无尺寸限制时宽度根据内容自适应;④浮动元素层级与文字/行内/行内块相当;

    5、清除浮动1:清除其他浮动元素对当前元素的影响;clear:left(左边不允许出现浮动元素)/right(右边不允许出现浮动元素)/both(两边都不允许出现浮动元素);

    6、清除浮动2:清除浮动元素对父元素的影响;①给父元素设置高度;②overflow:hidden/auto(有溢出时内容会被隐藏);③增加块级子元素,并设置clear属性值为both;

    It's never too old to learn!
  • 相关阅读:
    CSS笔记(十)position属性与定位
    CSS笔记(九)轮廓
    前端需要学习算法吗 算法面的意义 职业规划
    Web前端笔试整理10
    Web前端笔试整理9
    Web前端笔试整理8
    Web前端笔试整理7
    Web前端笔试整理6
    JS 图片延迟加载/懒加载
    JS 同步与异步编程
  • 原文地址:https://www.cnblogs.com/Jupiter258/p/5791374.html
Copyright © 2020-2023  润新知