css教程
YcWq_0106
这个作者很懒,什么都没留下…
展开
-
前端开发教程六之JS
1.函数的基础知识:1>函数的定义 方式一:function fun1(arg1,arg2...){ //函数体 } 方式二:var fun2 = function(arg1,arg2...){ //函数体 } 形参 与 实参 的概念。 return 返回值的概念。2>函数的调用 fun1(arg1,arg2...) fun2(arg1,arg2...)3>函数的作用函数就是一个工具,可以封装一段代码,重复调用。2.作用域:作原创 2020-12-21 20:46:50 · 96 阅读 · 0 评论 -
前端开发教程
关于前端开发介绍前端什么是前端呢,---只要是浏览器里视觉可以看到的内容都是前端开发一、什么是技术类的岗位1.UI(视觉设计) 原型图2.前端 拿到UI的设计图,通过代码在浏览器中展示3.后台 玩交互\数据\安全验证二、前端所具备的内容1.HTML代码如下(示例):2.css3.javascript (js)-----所有框架都基于原生代码(js)主流行框架:VUE REACT NODE.JS三、html\原创 2020-12-19 19:00:08 · 481 阅读 · 3 评论 -
前端开发教程二
css的那点事儿如果说想给页面写css样式了,必须要先写一个style标签 格式: <style> css样式内容 </style>一、元素类型1.块元素; 特点: 1.独占一行; 2.可以设置宽高; 3.不受空格影响; p div h1-h6 ol ul li 2.行内元素;(一行之内的元素) 特点: 1.不独占一行; 2.不可以设置宽高; 3.受空格影响;(仅受一个空格的影响) span a i em b原创 2020-12-19 19:44:42 · 115 阅读 · 1 评论 -
前端开发教程三
盒子模型前言盒子模型从内到外的顺序:内容 内边距 边框 外边距 content padding border margin</font>盒子模型计算公式: 内边距+宽(高)+边框=盒子模型真正的大小;一、padding----内边距作用:内容到边框之间的距离; 特性: 内边距是控制盒子模型大小的; 格式: padding: 10px; 内边距: 上下左右四个方向; padding: 10px 20px;原创 2020-12-21 19:17:07 · 300 阅读 · 0 评论 -
前端开发教程五(总结以及补充)
CSS选择器:1. 标签选择器2. 类选择器 class 可以给多个标签指定相同的class名,也可以给一个标签添加多个class名。 目的是:可以把一些标签的相同样式放在同一个 类 中,这些标签都可以调用这个公共的类,然后再调用自己独有的类。从而节省css代码,也方便统一修改样式。3. id选择器 唯一性4. 伪类选择 nth-child(n):先匹配序号,再匹配元素 first-child() last-child nth-of-type(n):先匹配原创 2020-12-21 19:52:51 · 78 阅读 · 0 评论 -
前端开发教程四
关于定位以及css3的一些属性和表单元素一、定位:1.相对定位;(不脱离文档流) 格式: position: relative; left: 0; top: 0; 参照物:以自身为参照物; 相对于自己原来的位置进行定位,不会脱离标准文档流2.绝对定位;(全脱离文档流) 格式: position: absolute; left: 0; top: 0; 参照物:默认以body为参照物,如果给父级加了定位,那么就以父级为参照物; 一般会指定其父元素为参照物进原创 2020-12-21 19:33:23 · 77 阅读 · 0 评论