Courses in the relevant section：Common tags and attributes in HTML (text font formatting)

text-indent:2em 首行缩进 2个像素 font-size:15px p标签的字体大小 15个像素 color:red 颜色 例如：color:#36254a

p标签 height：50px 高 line-height：50px 行高 text-indent:2em 首行缩进 2个像素 font-size:15px p标签的字体大小 15个像素 font-weight:bold; 字体加粗 font-family:楷体 本地库字体 color:red 颜色 例如：color:#36254a text-align：center h1文本居中 <em>斜体标签</em> <i>斜体标签</i> <del>499</del><span>399</span> del是打折划掉 span是一行 <dr>标签换行 <pre></pre> 是古诗类的换行 和空各类的显示 <h1></h1>----<h6></h6> 从大的加粗到变小

2018-12-020个赞

Courses in the relevant section：Simple CSS3 drop-down menu effect implementation

*{padding: 0px;margin: 0px;} a{text-decoration: none;/* 去掉下划线 */ line-height: 38px;/* 行高 */font-size:15px;/* 字体大小 */} ul li{list-style:none;/* 去掉有序列表前面的圆点 */} .clear{clear:both} .top{width: 100%;/* 宽 */height: 38px;/* 高 */background-color: #f5f5f5;/* 背景颜色 */} .top_center{width: 1200px;/* 宽 */height: 38px;/* 高 */margin: 0px auto;/* 居中 */} .top_left{/* 宽 */height: 38px;/* 高 */float: left/* 左浮动 */} .top_left a{margin-right: 5px;/* 右边外边距 */} .top_right{/* 宽 */height: 38px;/* 高 */float: right;/* 有浮动 */} .top_right a{margin-right: 6px;/* 右边外边距 */} .top_left_a{color: #6c6c6c;/* 字体颜色 */display:inline-block;/* 内快元素 例如显示下拉框 */ position: relative;/* 相对定位 例如相对框内的定位*/height: 38px;/* 高 */text-align: center;/* 文字居中 */} .top_left_b{color: #6c6c6c;/* 字体颜色 */} .top_left_a:hover{height:38px;/* 鼠标点击的高度 */background-color: #fff;/* 鼠标点击的背景颜色 */color: red;/* 字体颜色 */}/* 鼠标点击的效果 */ .top_left_b:hover{color: red;/* 字体颜色 */}/* 鼠标点击的效果 */ .top_left_a ul{border: 1px solid #f5f5f5;/* 边框为 一个像素 边框为单线*/display: none;/* 次元素不会被显示 例如元素不显示在行外 只是合并了 */} .top_left_a:hover ul {display: block;/* 鼠标点击后显示快及元素 例如显示在下方*/position: absolute;/* 绝对定位 */width: 90px;/* 鼠标点击的高 */} /* 鼠标点击的效果 */ .top_left_a ul li{color: #6c6c6c;/* 字体颜色 */} .top_left_a ul li:hover{background-color: #f5f5f5;/* 鼠标点击背景颜色*/}

2018-12-060个赞