#Friday

2021年2月27日

摘要： <!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> #header, #nav, #content-main, #content-2, #content-3, #content-4, #content-5, #content 阅读全文

posted @ 2021-02-27 23:59 #Friday 阅读(1065) 评论(0) 推荐(0)

CSS样式-页面练习

摘要：页面大致分为：一、页头（header）、导航栏（nav）、内容（content）、页脚（footer）页面宽度：一般有960px、1000px、1200px 页面布局雏形练习： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文

posted @ 2021-02-27 21:59 #Friday 阅读(155) 评论(0) 推荐(0)

2021年2月26日

CSS样式-浮动

摘要：浮动，就是使元素脱离标准流，移动到其父元素指定的位置的过程，包括float: left float: right；浮动只对后面的块元素有影响，不会影响到前面的块以及本身，但是块级元素对前后都产生影响浮动常见的问题： 1.浮动的子元素无法超出父元素的范围； <head> <style type=" 阅读全文

posted @ 2021-02-26 21:45 #Friday 阅读(140) 评论(0) 推荐(0)

CSS样式-盒子阴影

摘要： <style type="text/css"> div { width: 200px; height: 200px; /*水平阴影（必选）垂直阴影（必选）模糊距离阴影尺寸阴影颜色*/ /*box-shadow: 5px 5px 5px 5px #ccc;*/ } div:hover { bo 阅读全文

posted @ 2021-02-26 16:24 #Friday 阅读(86) 评论(0) 推荐(0)

CSS样式-什么情况下，padding不会撑开盒子？

摘要：当宽度没有设定的时候，padding不会撑开宽度；当高度没有设定的时候，padding不会撑开高度； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #fate 阅读全文

posted @ 2021-02-26 11:00 #Friday 阅读(2368) 评论(0) 推荐(0)

2021年2月25日

CSS样式-外边距塌陷

摘要：当子级设置margin-top时，父级也会随着子级设置的margin-top下沉 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE 阅读全文

posted @ 2021-02-25 23:54 #Friday 阅读(83) 评论(0) 推荐(0)

2021年2月24日

CSS样式-外边距的合并

摘要：当两个盒子都设置margin的时候，两个盒子的真实距离，是两个盒子的margin中最大的那个，而不是两个盒子的margin之和; 不要给两个盒子同时设定margin，把margin的值设定到一个盒子上；要不只设置div1的margin-bottom，要不只设置div2的margin-top <hea 阅读全文

posted @ 2021-02-24 23:38 #Friday 阅读(76) 评论(0) 推荐(0)

2021年2月22日

CSS样式-不同元素的居中方式

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 这种方式效率更高 */ body, div { margin: 0; padding: 0; } body> 阅读全文

posted @ 2021-02-22 15:33 #Friday 阅读(73) 评论(0) 推荐(0)

CSS样式-盒模型分析

摘要： <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; } div { /*width和height是指盒子中东西的实际大小*/ width: 150px; height: 150px; 阅读全文

posted @ 2021-02-22 11:55 #Friday 阅读(85) 评论(0) 推荐(0)

CSS样式-margin

摘要：设置顺序依次是上、右、下、左；举例：margin: 50px 100px 200px 250px; 阅读全文

posted @ 2021-02-22 11:38 #Friday 阅读(121) 评论(0) 推荐(0)

公告