三:day4

1)文字段落的样式属性.
color:设定一个标签中的文字的颜色。
font-size:设定文字大小。
font- weight:设置文字粗体或非粗体。
font-style:设置文字斜体 或非斜体。
font-family:宋体,微软雅黑。
line-height:设置文字的行高,单位px。
letter-spacing:设置字符(或字母)之间的间隔距离。
word-spacing:设置单词之间的间隔距离。
text-align:设定文字的水平对齐方式。
text-indent:设定一个段落中的首行缩进距离,单位通常也是px。
text-decoration:设置文字的“修饰线”:下划线(underline),中划线(line-through),上划
线(overline),none(无) 。
vertical-align:设定文字在一个表格盒子(单元格)的垂直对齐方式:top(顶对
齐),middle(中对齐),bottom(底对齐)。

2)盒子模型初步
边框(border):一个线型的区域,可以是实线或虚线或其他形状。
外边距(margin):也叫“边界”,边框线之外的一块空白区域,其含义是“不能放置物
体”
内边距(padding):也叫“补白”,边框线之内的一块空白区域,其含义也是“不能
放置物体”
内容区(没有对应的css属性名):指一个盒子中可以放置“物体”的区域——也就
是盒子的主要区域。

【css技术其实可以将一个网页中的各个标签的表现都“提出来”放到一个专门的地方(比如style标签中),剩余的部分(标签和文字内容等)被整体上称为“结构/内容”。这种做法就被称为“内容与表现分离思想”】

3)盒子的两种初始状态

块盒子 :可以设置固定的宽高,margin,padding,

行内盒子 :宽高不能设定,而是由其内容“撑出”,margin和padding没有上下方面的表现,

行内盒子是“小盒子”,块盒子是“大盒子”

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,900评论 0 6
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,065评论 1 4
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,650评论 32 459
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8