在<head>内<link href="style.css" rel="stylesheet" type="text/css" />外部式css样式
body{font-size:20px;}/*设置文字字号*/
body{font-weight:bold;}/*设置字体加粗*/
body{font-style:italic;}/*设置字体为斜体*/
body{color:#980;}/*设置文字颜色*/
p{white-space:pre;}/*空白会被浏览器保留*/
p{line-height:1.5em;}/*设置行高为1.5倍*/
body{font-family:"Microsoft Yahei";}/*设置字体为微软雅黑，Microsoft Yahei也可写为汉字*/
span{background:pink;}/*设置span标签背景颜色都为粉色*/
body{text-decoration:underline;}/*文本添加下划线*/
p{text-indent:2em;}/*首行缩进俩个空格，2em意思为俩倍大小*/
h1{letter-spacing:50px;}/*文字间隔或字母间隔50个像素*/
h1{word-spacing:50px;}/*英语单词间隔50像素*/
h1{text-align:center;}/*段落居中center，居左left，居右right*/
body{text-decoration:none;}/*取消删除下划线*/
body{text-decoration:line-through;}/*文本添加删除线*/
body{border:1px solid red;}/*添加边框样式（粗细为1px，dashed虚线 dotted点线 solid实线）*/
div{border-radius:1rem;}/*边角变圆*/
div{border-bottom:1px solid red;}/*设置下边框bottom下 top上 right右 left左*/
a{display:block;}/*内联元素转化为块级元素*/
p{display: inline;}/*块级元素转化为内联元素*/
a{display:inline-block};/*内联块级元素*/
a{width:20px; height: 20px;} /*设置宽20 高20*/
div{padding:20px 10px 15px 30px;}/*盒子内填充上右下左*/
div{margin:20px 10px 15px 30px;}/*盒子外边界设置上右下左*/
div{float: left;}/*浮动从左到右排列*/
div{clear: both;}/*清除浮动*/
ul li{list-style: none;}/*去掉列表前的点或序列*/
div{position:absolute;left:100px;top:50px;}/*层模型--绝对定位，可参照元素定位*/废弃
div{position:relative;}/*参照定位的元素必须加入position:relative;*/
div{ position:relative;left:100px;top:50px;}/*层模型--相对定位，偏移前的位置还保留不动*/
div{ position:fixed;}/*层模型--固定定位，可设置位置*/
div{display = "none/block"}//隐藏或显示内容
<input type="button" value="点击" οnclick="c()" />/*onclick触发属性*/
---------------------------------------------------------
#dox1{display: flex;}/*指定为核布局*/
#dox1{flex-direction: column;}/*设置为垂直排布*/
#dox1 div{flex: 1;}/*按比例平分布局*/
body{font-size:20px;}/*设置文字字号*/
body{font-weight:bold;}/*设置字体加粗*/
body{font-style:italic;}/*设置字体为斜体*/
body{color:#980;}/*设置文字颜色*/
p{white-space:pre;}/*空白会被浏览器保留*/
p{line-height:1.5em;}/*设置行高为1.5倍*/
body{font-family:"Microsoft Yahei";}/*设置字体为微软雅黑，Microsoft Yahei也可写为汉字*/
span{background:pink;}/*设置span标签背景颜色都为粉色*/
body{text-decoration:underline;}/*文本添加下划线*/
p{text-indent:2em;}/*首行缩进俩个空格，2em意思为俩倍大小*/
h1{letter-spacing:50px;}/*文字间隔或字母间隔50个像素*/
h1{word-spacing:50px;}/*英语单词间隔50像素*/
h1{text-align:center;}/*段落居中center，居左left，居右right*/
body{text-decoration:none;}/*取消删除下划线*/
body{text-decoration:line-through;}/*文本添加删除线*/
body{border:1px solid red;}/*添加边框样式（粗细为1px，dashed虚线 dotted点线 solid实线）*/
div{border-radius:1rem;}/*边角变圆*/
div{border-bottom:1px solid red;}/*设置下边框bottom下 top上 right右 left左*/
a{display:block;}/*内联元素转化为块级元素*/
p{display: inline;}/*块级元素转化为内联元素*/
a{display:inline-block};/*内联块级元素*/
a{width:20px; height: 20px;} /*设置宽20 高20*/
div{padding:20px 10px 15px 30px;}/*盒子内填充上右下左*/
div{margin:20px 10px 15px 30px;}/*盒子外边界设置上右下左*/
div{float: left;}/*浮动从左到右排列*/
div{clear: both;}/*清除浮动*/
ul li{list-style: none;}/*去掉列表前的点或序列*/
div{position:absolute;left:100px;top:50px;}/*层模型--绝对定位，可参照元素定位*/废弃
div{position:relative;}/*参照定位的元素必须加入position:relative;*/
div{ position:relative;left:100px;top:50px;}/*层模型--相对定位，偏移前的位置还保留不动*/
div{ position:fixed;}/*层模型--固定定位，可设置位置*/
div{display = "none/block"}//隐藏或显示内容
<input type="button" value="点击" οnclick="c()" />/*onclick触发属性*/
---------------------------------------------------------
#dox1{display: flex;}/*指定为核布局*/
#dox1{flex-direction: column;}/*设置为垂直排布*/
#dox1 div{flex: 1;}/*按比例平分布局*/
571
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
