字体格式

text-align 居中，对齐方式,同时父子标签可以继承

h4 {text-align: center;
}.mydiv {text-align: center;
}

<body><div style="font-size: 2em;">第一层<div style="font-size: 2em;">第二层</div></div>
</body>

<body><div style="font-size: 2rem;">第一层<div style="font-size: 2rem;">第二层</div></div>
</body>

line-height 行高，行高一个很重要的作用可以做到竖直居中

.mydiv {text-align: center;line-height: 200px;background-color: lightblue;height: 200px;
}

.mydiv {text-align: center;line-height: 200px;letter-spacing: 1.5em;background-color: lightblue;height: 200px;
}

text-indent 缩进格数

text-docoration ：none; 去掉下划线

cover覆盖div的原则：

1.左端点和左顶点对齐，然后不断放大，直到铺满页面为止，所以说是对比一下看宽度和高度扩展多少倍

.mydiv {width: 200px;height: 200px;background-image: url('/static/images/background.jpg');background-color: lightblue;background-size: contain;background-repeat: no-repeat;
}

.mydiv {width: 200px;height: 200px;background-image: url('/static/images/background.jpg');background-color: lightblue;background-size: cover;background-repeat: no-repeat;
}

按照上下左右排，如果没写，就取对边值

角的话，也是按照左上然后顺时针顺序

元素展示方式 display

block 独占一行，可以修改长度和宽

inline 不可以修改长宽

inline-block 可以修改长宽的inline

CSS 层叠样式表（2）相关推荐

css层叠样式表（一）
今天研究了下css.这东东入门不算难.可是想写出好的样式就得有很深的功底了.按照老大给网址,12天学会网页设计.做下总结吧.css通过div(层)来定位,通过层的margin,padding,bord ...
第四章css总结,第四章CSS层叠样式表分析.doc
第四章CSS层叠样式表分析第章CSS层叠样式表CSS的" " color=" ">这样的标签以及与标签搭配的显示属性(如"background ...
css:层叠样式表(全)
css:层叠样式表 (Cascading Style Sheets),定义如何显示 HTML 元素,解决了内容与表现分离的问题,通常存储在css文件中. 目录: css属性,继承,引用等选择器盒模 ...
css层叠样式表——css基础介绍
css层叠样式表第一天 css层叠样式表01 css层叠样式表第一天 css介绍 css语法 html标签全局属性引入css样式的方式知识点应用 css介绍 css是Cascading Style ...
css层叠样式表、基本选择器
文章目录系列文章目录前言一.css层叠样式表 1.css组成 2.css引入方式 3.文字样式 4.文本属性二.选择器 1.基本选择器 2.最高样式引入 3.伪链接选择器 4.伪结构选择器 5 ...
Css3学习日志 --css层叠样式表
学习目标: 掌握css层叠样式表基础教程 CSS语法.选择器.字体样式.边框.背景.图片格式详解学习内容: css样式规则基本语法: A{属性:值; 属性:值; } 1.选择器用于指定css样式作 ...
CSS：CSS层叠样式表的概述
CSS层叠样式表:Cascading Style Sheets 介绍: 现代网页的设计原则是内容和样式分离,降低它们之间的直接相互依存关系,解耦性,同时,同样的内容,可以通过不同的CSS样式表现出来. ...
4.CSS层叠样式表一
CSS层叠样式表目标能够说出什么是CSS 能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式 1.CSS简介 CSS: ...
javascript css(层叠样式表)
css层叠样式表(用来装饰网页界面) js代码操作css css代码目录 css层叠样式表(用来装饰网页界面) js代码操作css css代码在style(样式)里面进行操作案例在style(样 ...
HTML之CSS层叠样式表
一.CSS层叠样式表概述 CSS :层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件 ...

CSS 层叠样式表（2）

字体格式

元素展示方式 display

CSS 层叠样式表（2）相关推荐

最新文章

热门文章