![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 93
江山点墨
软件小白,寻着光出发
展开
-
CSS学习笔记六(CSS定位)
CSS学习笔记六(CSS定位)文章目录CSS定位定位相对定位绝对定位子绝父相固定定位静态定位z-index属性CSS定位定位相对定位对定位就是相对于自己以前在标准流中的位置来移动格式:position: relative;示例程序<style> *{ margin: 0; padding: 0; } div{ width: 100px;原创 2021-05-02 14:26:02 · 130 阅读 · 0 评论 -
CSS学习笔记五(浮动流)
CSS学习笔记五(浮动流)文章目录浮动流浮动网页的布局方式浮动元素的脱标浮动元素排序规则浮动元素贴靠现象浮动元素字围现象清除浮动盒子高度问题清除浮动方式一清除浮动方式二(clear:both;)清除浮动方式三清除浮动方式四清除浮动方式五清除浮动方式六清除浮动方式七浮动流浮动网页的布局方式网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流(文档流/普通流)排版方式其实浏览器默认的排版方式就是标准流的排版方式在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素原创 2021-05-02 14:15:14 · 102 阅读 · 0 评论 -
CSS学习笔记四(盒子模型)
CSS学习笔记四(盒子模型)文章目录盒子模型边框属性内边距属性外边距属性盒子模型box-sizing属性盒子模型边框属性边框就是环绕在标签宽度和高度周围的线条连写(同时设置四条边)border: 边框的宽度 边框的样式 边框的颜色;示例代码<style> .box{ width: 100px; height: 100px; background-color: red;原创 2021-05-02 14:02:52 · 151 阅读 · 0 评论 -
CSS学习笔记三(显示模式,背景和精灵图)
CSS学习笔记三(显示模式,背景和精灵图)文章目录CSS显示模式Div和Span标签CSS元素显示模式CSS元素显示模式转换背景和精灵图背景相关属性背景颜色背景图片背景平铺背景定位背景属性连写背景关联插入图片和背景图片的区别css精灵CSS显示模式Div和Span标签什么是div?作用: 一般用于配合css完成网页的基本布局<style> .header{ width: 980px; height: 100px;原创 2021-05-02 13:51:11 · 177 阅读 · 0 评论 -
CSS学习笔记二(CSS三大特性)
CSS学习笔记二(CSS三大特性)文章目录CSS三大特性继承性层叠性优先级优先级权重!importantCSS三大特性继承性什么是继承性?作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性示例代码: <style> div{ color: red; }</style><div> <ul> <li> &原创 2021-05-02 13:33:09 · 106 阅读 · 0 评论 -
CSS学习笔记一(常见属性、选择器)
CSS学习笔记一(常见属性、选择器)html是一种描述结构的语言,与html相比,Css支持更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色;允许在任何元素外围设置边框;允许改变文本的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本。文章目录CSS初体验CSS格式CSS常见属性文字属性font-stylefont-weightfont-sizefont-family字体属性补充文字属性缩写文本属性text-decorationtext-aligntext-indent颜色属性rgbrgb原创 2021-05-02 13:25:28 · 294 阅读 · 0 评论 -
HTML学习笔记二(常用标签)
HTML学习笔记二(常用标签)文章目录列表标签无序列表(unordered list)有序列表(ordered list)定义列表(definition list)表格标签表格中的属性表格中的其它标签表格的结构表单标签form标签input标签数据列表多行文本框(文本域)下拉列表多媒体标签video标签audio标签详情和概要标签marquee标签HTML中被废弃的标签HTML实体meta其它类型eywords类型Descriiption类型Author类型Refresh类型Robots类型列表标签无原创 2021-03-31 19:12:20 · 190 阅读 · 0 评论 -
HTML学习笔记一(基础标签)
HTML学习笔记一(基础标签)文章目录一. 基本概念HTML标签分类HTML标签关系分类DTD文档声明二. 基础标签H系列标签(Header 1~Header 6)P标签(Paragraph)Hr标签(Horizontal Rule)HTML注释(Annotation)img标签(image)br标签(Break)a标签(anchor)一. 基本概念HTTP是Hypertext Transfer Protocol的缩写, 超文本传输协议HTML标签分类单标签只有开始标签没有结束标签, 也就是原创 2021-03-31 18:37:40 · 152 阅读 · 0 评论 -
获取随机图片的API-亲测可行
获取随机图片的API在个人博客或者一些web页面中,我们可能想让背景是随机图片。这里有两种方法:一种是使用现有的随机图片API,另一种就是在服务器端准备好图片,随机展示。URL的使用方法是img标签嵌入到网页中。随机图片API效果展示网址:https://xubean.top/bing的github API功能: 来自github的项目 https://github.com/xC...原创 2020-03-26 10:10:38 · 19491 阅读 · 0 评论 -
JavaScript 简易基础
JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。前端三大块1、HTML:页面结构2、CSS:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画效果3、JavaScript:页面行为:部分动画效果、页面与用户的交互、页面功能JavaScript嵌入页面的方式1、行间事件(主要用于事件...原创 2019-08-19 09:39:27 · 184 阅读 · 0 评论