摘要: 盒模型的六属性 margin,padding,border 盒模型总宽度=外边距+边框+内边距+内容宽度 行高=高度值,单行文字垂直居中 < 文字偏上 > 文字偏下 对于margin,padding,border 只取一个值,表示四个方向都取同一个值 取两个值,第一个表上下,第二个表左右 取三个值, 阅读全文
posted @ 2020-11-22 10:05 忆清鸣 阅读(63) 评论(0) 推荐(0)
摘要: 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)
摘要: 引入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)
摘要: 内部样式的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)
摘要: 块级元素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)
摘要: 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)
摘要: <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)
摘要: 下载谷歌浏览器 从psd到html sublime <html><body><title><meta><p><h1-h6><hr/><br/><img/>标签 <!--注释--> 阅读全文
posted @ 2020-11-04 10:14 忆清鸣 阅读(36) 评论(0) 推荐(0)
摘要: 第一篇博客 安装Dreamweaver 在博客园创建自己的博客用来记录学习日常 站长之家找模板 阅读全文
posted @ 2020-11-03 13:58 忆清鸣 阅读(30) 评论(0) 推荐(0)