kog_maw

2020年3月5日

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 height: 80px; 9 w 阅读全文

posted @ 2020-03-05 23:28 kog_maw 阅读(123) 评论(0) 推荐(0)

第四十节定位练习

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

posted @ 2020-03-05 23:27 kog_maw 阅读(84) 评论(0) 推荐(0)

第三十九节层级定位

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 8 .con{ 9 width: 400px; 1 阅读全文

posted @ 2020-03-05 23:26 kog_maw 阅读(108) 评论(0) 推荐(0)

第三十八节固定定位

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 width: 300px; 9 h 阅读全文

posted @ 2020-03-05 23:25 kog_maw 阅读(119) 评论(0) 推荐(0)

第三十七节绝对定位

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 width: 300px; 9 h 阅读全文

posted @ 2020-03-05 23:24 kog_maw 阅读(120) 评论(0) 推荐(0)

第三十六节相对定位

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 width: 300px; 9 h 阅读全文

posted @ 2020-03-05 23:23 kog_maw 阅读(104) 评论(0) 推荐(0)

第三十五节定位

摘要： 1 <!-- 定位 2 文档流：是指盒子安装HTML标签编写顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 3 4 关于定位：用来突破文档流的限制，我们可以使用CSS的position属性来设置元素的定位类型，p 阅读全文

posted @ 2020-03-05 23:22 kog_maw 阅读(99) 评论(0) 推荐(0)

第三十四节新闻标题练习

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

posted @ 2020-03-05 23:20 kog_maw 阅读(104) 评论(0) 推荐(0)

第三十三节清除浮动的三种方式

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 8 .list{ 9 width: 210px; 阅读全文

posted @ 2020-03-05 23:19 kog_maw 阅读(169) 评论(0) 推荐(0)

第三十二列表元素制作菜单栏

摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .menu{ 8 width: 694px; 9 阅读全文

posted @ 2020-03-05 23:18 kog_maw 阅读(199) 评论(0) 推荐(0)

公告