前端学习
关注
分享
扫一扫
文章平均质量分 77
Alicization~Iris
做一个低调的人……
展开
-
JavaScript基础知识总结
JS中的简单输出语句 使用console.log() 语句可以实现在控制台上的输出，并且也有字符串的拼接这样的操作。 <script type="text/javascript"> var num = 3; var str = '10'; console.log(num + str);// 310 // 有一些全局的函数 console.log(num + parseInt(str));// 13 console.log(parseInt(3.99));//原创 2021-08-10 19:54:19 · 146 阅读 · 0 评论 -
CSS-相对定位、固定定位与绝对定位
通过一些例子来简单了解这三种定位 相对定位（position: relative） 以自身为参照物，通过对top、bottom、left、right属性的设置来实现元素的偏移。left为正表示从该元素的左边向该元素中心偏移，其余三个可以类比得出。下图中代码实现了鼠标悬停在该元素时，向右上方微微抖动。也常被用作绝对定位元素的目标元素。 .pic-box ul li:hover{ /* 相对定位的目标就是它自己 */ /* 往中心方向偏移是正数，往非中心方向偏移是负数 */原创 2021-08-09 20:23:00 · 158 阅读 · 0 评论 -
CSS-伪类
同一个标签，根据它状态的不同，展现出不同的效果，就叫做“伪类” 可以通过超链接标签a来认识伪类： 对于一个超链接，它有着四种状态：用户没有点击过的初始状态、鼠标悬停在超链接上的状态、鼠标点击了超链接，但还没有松手的状态以及访问过的状态，我们可以给这四种状态设置不同的表现效果。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <s原创 2021-08-09 20:04:07 · 96 阅读 · 0 评论 -
CSS-浮动定位
首先要知道两个概念：块级元素与行内元素 1、常见的块级元素有：div、h、ul、li、p 特点： ①能够设置宽高（宽度如果不设置，默认为父容器的宽度） ②独占（父容器）的一行，不能与其他元素并列 2、常见的行内元素有：span、a、input、u、i、img 特点： ①不能设置宽高，默认宽高就是文字的宽度和高度 ②与其他行内元素可以并排 但是我们在设计一个页面的时候通常想要一个元素既能够设置宽高，又能够与其他元素并排，这就要用到浮动定位了 首先有一个小知识要知道，块级元素与行内元素的转换。通过对元素disp原创 2021-08-09 19:47:11 · 390 阅读 · 0 评论 -
CSS相关知识总结
CSS 全称为 cascading style sheet 层叠样式表 选择器介绍 语法： 选择器 { 属性名1:属性值1; 属性名2:属性值2; 属性名3:属性值3; 属性名4:属性值4; } 当我们在使用选择器的时候，是通过选择器选择上相应的标签，给它们设置我们定义的样式。 选择器的分类： 标签选择器： p{}（标签选择器可以给所有选中的标签设置相应的样式） <style type="text/css"> h2{ font-size: 15px; color: gr原创 2021-08-06 20:15:44 · 82 阅读 · 0 评论 -
初识HTML
对于前端知识的学习大体可以分为三个部分：HTML、CSS 以及 JavaScript的学习 HTML：超文本标记语言 定义页面结构 CSS：层叠样式表 页面显示的样式 JS：JavaScript 页面交互（动态交互） 其中JavaScript 是一个独立的语言。 在html学习的过程中一定要会的一个操作：审查元素 在Chrome浏览器中，点击右键 -> 检查（Ctrl + Shift + I）会弹出一个界面，我们可以查看该浏览器页面上每原创 2021-08-05 20:00:22 · 63 阅读 · 0 评论