zou-ting-rong - 博客园

2020年11月

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .outer{ 8 border:10px red solid; 9 } 10 .inner{ 1 阅读全文

posted @ 2020-11-16 12:22 zou-ting-rong 阅读(343) 评论(0) 推荐(0)

CSS网页的布局

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" href="./reset.css"> 7 <style> 8 head 阅读全文

posted @ 2020-11-16 11:20 zou-ting-rong 阅读(83) 评论(0) 推荐(0)

css导航条的设计

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" href="./reset.css"> 7 <style> 8 /*设置阅读全文

posted @ 2020-11-16 11:18 zou-ting-rong 阅读(170) 评论(0) 推荐(0)

CSS浮动

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box1{ 8 width:100px; 9 height:100px; 10 backgrou 阅读全文

posted @ 2020-11-13 20:43 zou-ting-rong 阅读(89) 评论(0) 推荐(0)

CSS轮廓和圆角

摘要： 1 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 <style> 8 .box1{ 9 width:100px; 10 height:100px; 11 backg 阅读全文

posted @ 2020-11-13 20:41 zou-ting-rong 阅读(207) 评论(0) 推荐(0)

CSS盒子的尺寸

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box1{ 8 width:100px; 9 height:100px; 10 backgrou 阅读全文

posted @ 2020-11-13 20:39 zou-ting-rong 阅读(271) 评论(0) 推荐(0)

CSS中的块级元素，行内元素，行内块元素

摘要：博客转载于：https://blog.csdn.net/swebin/article/details/90405950 块级元素 block 块级元素，该元素呈现块状，所以他有自己的宽度和高度，也就是可以自定义width和Height，块元素独占页面的一行，可以作为容器使用，可以容纳块级元素和行内元阅读全文

posted @ 2020-11-12 11:50 zou-ting-rong 阅读(654) 评论(0) 推荐(0)

导航栏的设计

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" href="./Nomalize.css"> 7 </head> 8 < 阅读全文

posted @ 2020-11-11 21:59 zou-ting-rong 阅读(99) 评论(0) 推荐(0)

CSS行内元素盒模型

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box1{ 8 width:200px; 9 height:200px; 10 backgrou 阅读全文

posted @ 2020-11-11 17:44 zou-ting-rong 阅读(285) 评论(0) 推荐(0)

CSS垂直布局

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box1,.box2{ 8 width:200px; 9 height:200px; 10 } 阅读全文

posted @ 2020-11-11 16:43 zou-ting-rong 阅读(289) 评论(0) 推荐(0)

公告