11 2020 档案

2020.11.30web前端第十三课
摘要：相对定位与绝对定位的练习 .father{ width:600px; height:400px; background:#F63; margin:50px auto; position:relative; } .box1,.box2,.box3,.box4{ width:80px; height:6 阅读全文
posted @ 2020-11-30 21:54 忆清鸣 阅读(27) 评论(0) 推荐(0)
2020.11.27web前端第十二课
摘要：元素的定位 CSS定位属性 主要包括定位模式和边偏移 若边偏移没写，则默认为0 元素浮动无法超出父元素的边框和内边距范围 position:static|relative|absolute|fixed 边偏移:top|bottom|left|right 静态定位static是文档流的位置状态 相对定 阅读全文
posted @ 2020-11-27 09:43 忆清鸣 阅读(38) 评论(0) 推荐(0)
2020.11.25web前端第十一课
摘要：浮动布局float .clearfix:after { /*正常浏览器 清除浮动*/ content:""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*zoom 1 就是 阅读全文
posted @ 2020-11-25 09:42 忆清鸣 阅读(48) 评论(0) 推荐(0)
2020.11.23web前端第十课
摘要：块级元素 h1-h6 p div table body 行内元素 a img span input 块级元素始终占据一行或多行，在页面以区域块的形式出现，可以设置宽高和对齐方式 行内元素不占有独立区域，靠字体大小和图片支撑，不可设置宽高和对齐方式 h1-h6 p 只搭建文本结构，只加文本或行内元素， 阅读全文
posted @ 2020-11-23 16:32 忆清鸣 阅读(37) 评论(0) 推荐(0)
2020.11.22web前端第九课
摘要：盒模型的六属性 margin，padding，border 盒模型总宽度＝外边距+边框+内边距+内容宽度 行高＝高度值，单行文字垂直居中 ＜ 文字偏上 ＞ 文字偏下 对于margin，padding，border 只取一个值，表示四个方向都取同一个值 取两个值，第一个表上下，第二个表左右 取三个值， 阅读全文
posted @ 2020-11-22 10:05 忆清鸣 阅读(63) 评论(0) 推荐(0)
2020.11.18web前端第八课
摘要：CSS层叠性与继承性 CSS优先级 标签选择器 1 class选择器 10 ID选择器 100 行内式样式 1000 !important 权重最大 继承的权重为0 引入页<img>超链接 logo以及背景图的宽度高度 标签去除下划线 *通配符margin和paddi logo图片的padding 阅读全文
posted @ 2020-11-18 09:44 忆清鸣 阅读(24) 评论(0) 推荐(0)
2020.11.16web前端第七课
摘要：引入CSS样式 行内式，内嵌式，链入式 <link href="css/style.css" type="text/css" rel="stylesheet" /> CSS选择器 标签选择器 class类选择器 可用多次 .class ID选择器 一个页面只能用一次 #id 通配符选择器 *号表示 阅读全文
posted @ 2020-11-16 17:23 忆清鸣 阅读(57) 评论(0) 推荐(0)
2020.11.13web前端第六课
摘要：内部样式的class类选择符 <style type="text/css"> .box{ width:1000px; background:#0F9; padding:30px; margin:20px auto; border:2px solid #F00; } h1{ text-align:ce 阅读全文
posted @ 2020-11-13 09:32 忆清鸣 阅读(41) 评论(0) 推荐(0)
20201111web前端第五课
摘要：块级元素div水平居中要有宽度width 块级元素背景图片居中 背景图片 路径 不进行重复 xy轴偏移 图片滚动效果 background:url(qiaodan.jpg) no-repeat 50% 50% fixed; margin:50px auto; border:2px solid #F0 阅读全文
posted @ 2020-11-11 09:57 忆清鸣 阅读(58) 评论(0) 推荐(0)
2020.11.09web前端第四课
摘要：CSS行内样式 style <h1 style="text-align:center; color:red;">清新纸杯</h1> <!--水平线颜色 大小--> <hr style="color:#F3F353;" size='8px'/> <div style="text-align:cente 阅读全文
posted @ 2020-11-09 16:25 忆清鸣 阅读(35) 评论(0) 推荐(0)
2020.11.06web前端第三课
摘要：<p>段落 <img/>标签 src alt title width height align 图像和html文件在同一目录的使用方法 下一级目录 上一级目录 <!--相对路径--> <h3>相对路径</h3> <img src="./images/news/alpha.jpg" alt="图片" 阅读全文
posted @ 2020-11-06 09:43 忆清鸣 阅读(42) 评论(0) 推荐(0)
2020.11.04web前端第二课
摘要：下载谷歌浏览器 从psd到html sublime <html><body><title><meta><p><h1-h6><hr/><br/><img/>标签 <!--注释--> 阅读全文
posted @ 2020-11-04 10:14 忆清鸣 阅读(36) 评论(0) 推荐(0)
2020.11.02web前端第一课
摘要：第一篇博客 安装Dreamweaver 在博客园创建自己的博客用来记录学习日常 站长之家找模板 阅读全文
posted @ 2020-11-03 13:58 忆清鸣 阅读(30) 评论(0) 推荐(0)