[散修弟子]CSS-8291|2019年09月07日的日报-技能树.IT修真院

发表于： 2019-09-07 22:02:33

1 867

今天完成的事情：

1.chrome浏览页面常用快捷键

Ctrl+N 打开新窗口。

Ctrl+T 打开新标签页。

Ctrl+W关闭当前标签

Ctrl + F4 关闭chrome浏览器

Ctrl+Tab 或 Ctrl+PgDown 切换到下一个标签页。

Ctrl+Shift+Tab 或 Ctrl+PgUp 切换到上一个标签页。

Ctrl+1 到 Ctrl+8 切换到标签栏中指定地位编号所对应的标签页。

Ctrl+9 切换到最后一个标签页。

Ctrl+Shift+T 从头打开前次封闭的标签页。谷歌浏览器可记住比来封闭的 10 个标签页。

2.ctrl+alt+tab/ctrl+win+tab电脑任务栏切换

3.css既可对页面进行静态修改，也可与其他脚本语言相结合动态的对网页各元素进行格式化。

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

CSS样式表可以将所有的样式声明统一存放，进行统一管理。可以将样式定义在HTML元素的style属性中（内联），也可以将其定义在HTML文档的header部分（嵌入），也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用（外部）。

4.使用内联块写九宫格：

<!DOCTYPE html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>九宫格2</title>
	<style type="text/css">
	.ppt{
	display: inline-block;
	padding-left:30% ;
	padding-top:30%;
	background:orangered;
	border-radius: 10%;
	margin: 1%;

	}
	</style>
	</head>
	<body style="margin: 0;">
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	<div class="ppt"></div>
	</body>
	</html>