![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTMLCSS
文章平均质量分 53
逐步学习日志
雷亚文
流水落花春去也,天山人间.
展开
-
弹性盒子布局
伸缩容器 display:fleX display:fleX 控制伸缩容器 定义伸缩容器主轴(flex-direction:) flex-direction:row(默认) | row-reverse | column | column-reverse 水平方向 水平反向 纵向 纵向反向 弹性项目的堆叠方向(fiex-wrap) f..原创 2021-08-03 22:19:40 · 130 阅读 · 0 评论 -
知识点查缺补漏<一>
任务一绘制背景 Base64(用这个办法,图片加载的会快一点。而且每个照片都有自己唯一的base64编码) background-image: url(data:image/jpg;base64,编码) 引用背景时<img src="data:image/jpg;base64,编码)直接在body中引用照片时 控制背景图像绘制区域 绘制到元素边框 ( border-box ) 绘制到元素内边距( padding-box ) 仅绘制原创 2021-08-03 08:58:07 · 86 阅读 · 0 评论 -
学习盒子模型<一>
盒子模型 盒子模型时具有内容(content)(盒子里面装的东西)、内边距(padding)(盒子里面内容到盒子边缘的距离)、边框(border)(盒子本身)、外边距(margin)(盒子周围的其他元素到盒子边框的距离。)属性的HTML元素。盒子的属性 外边界 属性名称 解释 margin-top 上外边距 margin-right 右外边距 margin-bottom 下外边距 margin-left 左...原创 2021-07-29 22:51:27 · 102 阅读 · 0 评论 -
学习层叠样式表(CSS)<一>
层叠样式表(css) css即层叠样式表。用此技术可以有效的对页面的布局、字体、颜色、背景和其他效果实现更加金准的控制。在一定程度上解决了兼容性问题。 标签选择器(元素选择器) 通配符选择器 *(改变全部的,所有的,很霸道) *{}例如*{ font-size: 30px;color: #777;} 标签选择器(对目标标签进行修饰) 标签{}例如button{ font-size: 14px;} 属性选原创 2021-07-28 22:47:42 · 90 阅读 · 0 评论 -
学习HTML<三>
框架FrameSet框架 框架(FramSet)用于将一个浏览器窗口分割成几个子窗口,每个窗口显示一个网页文件,并在子窗口之间实现导航。框架的建立利用<frameset>(成对出现)标签和<frame>(自封闭标签)标签。 框架集的属性 能使用rows属性拆分框架集 能使用cols属性拆分框架集 先切行,后切列 在主页面将不用<body></body> 用name属性原创 2021-07-28 22:42:58 · 91 阅读 · 0 评论 -
绝对路径与相对路径(在网页制作中的应用)
相对路径 路径是指一个文件存储的位置,分为相对路径和绝对路径,相对路径是指当前文件所在位置为参考点而建立的路径。假设有如下图所示的路径:index.html文件的源代码如下<body> <img scr="../images/dog.jpg"/></body>解析 <img>的src属性值"../images/dog.jpg"是一个路径,这个路径是以当前文件(index.html)所在目录为参考点的...原创 2021-07-28 18:47:43 · 1769 阅读 · 0 评论 -
学习HTML<二>
任务一超链接(行标签) a标签是超链接,用于实现从一个页面跳转到另外一个页面。 <body><a href="http://www.baidu.com" title="百度"target="_blank">百度</a><br /><a href="index.html"title="返回首页">首页</a></body>注意:target="_self" 在本窗口打开链接target="_bl原创 2021-07-27 23:08:34 · 73 阅读 · 0 评论 -
学习HTML<一>
任务1软件开发 前端:html、css、javascript、vue 后端:java、python、php、c++ 任务2HTML(解释性语言) HTML的发展史 html4 html5 运行环境(浏览器、现代浏览器) Googel Chrome Mozilla Firefox Microsoft Edge 开发工具 VScode Hbuilder原创 2021-07-26 21:17:44 · 1199 阅读 · 0 评论