摘要:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景渐变</title> <style type="text/css"> input{ width: 90px; height: 40px; margin: 5px; font-s 阅读全文
摘要:
(background-clip裁剪,background-position位置,background-origin定位,background-repeat是否重复) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格</ti 阅读全文
摘要:
(1) margin/padding:外边距/内边距 · margin-top/padding-top · margin-right/padding-right · margin-bottom/padding-bottom · margin-left/padding-left margin:* 同时 阅读全文
摘要:
方法一:设置成背景图片 style{background:url(../image/2.jpg);} <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直菜单</title> <style type="text/css"> *{ 阅读全文
摘要:
(1) background-color:背景颜色(2) background-image:url(' ') 把图像设置为背景(3) background-repeat:设置背景图像如何重复 · no-repeat:不重复 · repeat-x: 沿着x方向重复(4) background-posi 阅读全文
摘要:
(1) color:颜色 <p style="color:red;">更改文字颜色</p> (2) line-height:行高 <p style="line-height:4em;">更改行高</p> (3) text-align:文本水平对齐方式 · left: 默认值(对齐父元素基线) · r 阅读全文
摘要:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>太极图</title> </head> <body> <canvas id="myCanvas" width="1300px" height="600px" style="back 阅读全文
摘要:
(1) font-size:大小 · 通常使用px、em、rem、百分比为单位设置大小 · xx-small、x-small、small、medium、large、x-large、xx-large,默认medium · smaller:设置为比父元素更小的尺寸 · larger: 设置为比父元素更大 阅读全文
摘要:
1.常用选择器 //1.通用选择器 *{color: red;} //元素选择器 p{color: red;} //类选择器 .class{color: red;} //id选择器 #class{color: red;} 2.关系选择器 //后代选择器:选择ul里面所有的元素,包括li里面的子元素 阅读全文
摘要:
1.块级元素、行级元素、行内块级元素 名称 关键代码 效果 (1)块级元素(div、h、p) · 可以设置宽高 · 不能和其他元素待在一行 · 当没有设置宽高时,宽度和父级宽度一样,高度由元素内容高度决定 <div>块级元素1</div> <div>块级元素2</div> (2)行级元素(span、 阅读全文