03 2020 档案

初学html自己做网页玩玩
摘要：1 <body> 2 <nav> 3 <ul class="nav1"> 4 5 <a href="#"><li>开始旅程</li></a> 6 <a href="#"><li>音乐旅程</li></a> 7 <a href="#"><li>音乐梦想</li></a> 8 <a href="#">< 阅读全文
posted @ 2020-03-30 14:54 陈小歪、 阅读(158) 评论(0) 推荐(0)
HTML中的（position）定位流使用
摘要：一、相对定位 css:position:relative; top:xxpx; right:xxpx; 注意点：1.相对定位不脱离标准流 2.同一方向只能有一个定位。3.区分行内块级元素。 二、绝对定位 css:position:absolute; top:xxpx; right:xxpx; 注意点 阅读全文
posted @ 2020-03-29 22:49 陈小歪、 阅读(650) 评论(0) 推荐(0)
HTML中布局
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="css/style.css"/> 7 <st 阅读全文
posted @ 2020-03-26 11:45 陈小歪、 阅读(200) 评论(0) 推荐(0)
HTML中浮动(float)的使用2---脱标
摘要：一.浮动元素的脱标（脱离标准流） <style type="text/css"> .box1{width: 100px;height: 100px;background-color: aqua; float: left; } .box2{width: 150px;height: 150px;back 阅读全文
posted @ 2020-03-23 14:50 陈小歪、 阅读(827) 评论(0) 推荐(0)
HTML中浮动(float)的使用1--使用
摘要：1.标准流(文档流/普通流)排版 网页默认的排版方式，及块级元素,行内元素，行内块级元素在网页中的排版方式（块级元素独占一行，可以设置宽高/行内元素，行内块级元素不独占一行/行内元素不可以设置宽高/行内块级元素可以设置宽高） 2.浮动流排版 由图一变成图二有两种方法 1.把两个方块都变成行内块级元素 阅读全文
posted @ 2020-03-23 14:46 陈小歪、 阅读(5532) 评论(0) 推荐(0)
HTML中盒子模型
摘要：一、首先概念：盒子模型的宽高 1.内容的宽度和高度:width height 2.元素的宽高: 宽：左边边框+左边内边距+width+右边内边距+右边边框 高：上边边框+上边内边距+height+下边内边距+下边边框 3.元素空间的宽高： 宽：左边外边距+左边边框+左边内边距+width+右边内边距 阅读全文
posted @ 2020-03-20 20:30 陈小歪、 阅读(2375) 评论(0) 推荐(0)
HTML中块状，内联内联块元素区分
摘要：html的元素可分为三种：块状，行内，内联块 1、块状元素特点：1）一个块级元素独占一行2）元素的高度，宽度，行高以及顶部和底部边距都可以设置3）元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）除非设定一个宽度如：div，h标签，p，form，ul，li 2、内联元素（行内元 阅读全文
posted @ 2020-03-19 21:03 陈小歪、 阅读(559) 评论(0) 推荐(0)
HTML中选择器的使用及优先级比较
摘要：1.id选择器，其中每个标签的id选择器的值是唯一的 <div id="text1"> css中用 #text1{ } 2.类选择器（class），可以有多个 <div class="text1"></div> <div class="text1 text2"></div> css中用 .text{ 阅读全文
posted @ 2020-03-18 22:44 陈小歪、 阅读(1991) 评论(0) 推荐(1)
HTML中怎么去除默认边距
摘要：首先了解什么是默认边距 红框和浏览器上方和右边的距离就是默认边距 可以用以下css代码来实现去除默认边距1.*{margin:0;padding:0}2.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legen 阅读全文
posted @ 2020-03-18 22:07 陈小歪、 阅读(5659) 评论(0) 推荐(0)
HTML中关于内边距(paddiing)外边距(margin)使用
摘要：首先内边距基本格式 padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; 缩写形式 padding：上 右 下 左； 上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta char 阅读全文
posted @ 2020-03-18 21:28 陈小歪、 阅读(10205) 评论(0) 推荐(0)
HTML中关于边框(border)的使用
摘要：同时设置上下左右边框： border: 宽度 样式 颜色; 其中颜色可以省略（默认黑色），样式不能省略 分别设置上右下左边框（1） border-top: 宽度 样式 颜色;（顶部） border-right:宽度 样式 颜色 ;（右边） border-bottom:宽度 样式 颜色 ;（下边） b 阅读全文
posted @ 2020-03-18 19:00 陈小歪、 阅读(15186) 评论(0) 推荐(0)
html中关于a标签的使用
摘要：首先，基本格式为<a href="地址">名称</a> 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 </head> 7 <body> 8 <a href="http://www. 阅读全文
posted @ 2020-03-16 18:31 陈小歪、 阅读(384) 评论(0) 推荐(0)
初学HTML中常用标签
摘要：123<p>4567</p>,分段标签，运行后为 2. 123</br>4567,换行标签，运行后为 3.<h1>123</h1>,其中h1可以为h2 h6,字体逐渐变小 4.<b>123</b>，加粗标签， 5.<strong>123</strong>,强调标签，不常用， 6.<i>123</i> 阅读全文
posted @ 2020-03-16 18:02 陈小歪、 阅读(147) 评论(0) 推荐(0)