前端HTML+CSS
关注
分享
扫一扫
文章平均质量分 85
码涤生
现在以一颗谦容的心想大家学习，将来以一颗无私的心想大家解答疑难杂症
展开
-
React中的条件渲染
基础的 React请求 import React from 'react';import ReactDOM from 'react-dom';import './testStyle.css';function UserGreeting(props){ return <h1>Welcome back!</h1>}function GustGreeting(props){ return <h1>Plase sign up.</h1..原创 2020-07-27 14:25:28 · 268 阅读 · 0 评论 -
标签尺寸的处理
link标签的rel、rev属性主要是用来说明当前连接进来的对象的作用是什么 alternate 文档的替代版本（比如打印页、翻译或镜像）。 stylesheet 文档的外部样式表。 start 集合中的第一个文档。 next 集合中的下一个文档。 prev 集合中的上一个文档。 c...原创 2019-12-31 21:52:20 · 453 阅读 · 1 评论 -
HTML5文档声明与内核渲染
这些内容只是自己学习过程中关键点的一个记录，内容并不全面 HTML4.01文档声明的类型主要有：过度定义类型、严格定义类型、框架定义类型。常见的声明类型有： HTML 5：<!DOCTYPE html>HTML 4.01 Strict：这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。语法：<!DOCT...原创 2019-12-31 19:32:08 · 245 阅读 · 0 评论 -
前端布局——div盒子模型、position、float、display》》》
目录背景和意愿涉及到的基础知识简介布局类型的介绍文档流简介position属性介绍float属性介绍float属性控制下的浮动布局——水槽模型display属性介绍div盒子模型（标准盒子模型，IE模型、弾性模型）布局实例解析问题1：如使得右下位置的内容div在向上拉动的过程中与顶部的导航栏保持一定的距离？问题2：顶部导航侧部导航的基本实现思路以及原...原创 2019-11-08 12:56:30 · 1767 阅读 · 0 评论 -
Web系统前端搭建笔记
这个笔记的记录的是一个在线刷题系统的前端搭建过程中遇到的一些问题，作为一个新手记录下来，警醒自己同时也希望给刚刚入门的小伙伴们有一定的帮助。 在开始的时候有电脑自带的“画图”桌面应，对前端的界面进行了设计，主要是规划了每个界面的那个部分放置什么样的内容，以及设计了系统的数据库。虽然作为一个新手在真正实践的过程中，所做出来的会与规划的有所不同，发现期初规划的有不合理之处...原创 2020-05-11 10:33:23 · 162 阅读 · 0 评论 -
利用Z-index，position，opacity实现双重显示界面
知识储备 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远.Z-index 仅能在定位元素中生效。 position的属性值应该设为fixed; absolute 生成绝对定位的元素，相对于 sta...原创 2019-03-06 18:27:31 · 442 阅读 · 0 评论 -
Web网页中的下拉框选择按钮插件
此插件实现点击下拉按钮，选择框进行选择的功能：JS部分代码：window.onload = function() { function DropDown(el) { this.dd = el; this.span = this.dd.children('span'); this.li = this.dd.find('ul.dropdo...原创 2019-02-26 21:31:48 · 4890 阅读 · 0 评论 -
按钮设计
实例图（一）：HTML代码：<div class="income_box_top_doublebutton"> <div class="doublebutton_border doublebutton_left"> <button class="b...原创 2019-03-02 11:18:41 · 256 阅读 · 1 评论 -
使用Z-index如何实现界面的跳转？
在写一个含有echarts的图表的时候，发现如果使用display的时候界面虽然可以实现跳转但是，跳转后界面中的图标宽度一直与自己预期的不符合，不管怎样设计，宽度一直都是100px;最后经过尝试使用Z-index属性，完美实现：在使用Z-index属性是要注意一下几个方面：把要实现用Z-index跳转的界面放到一个父div中，再通过设置子div的Z-index的不同的值，以及及时的配合JS...原创 2019-03-02 10:51:48 · 409 阅读 · 0 评论 -
界面跳转样式设计代码
通过JS代码实现如下形式的界面跳转：JS部分代码：$(function() { // i只是一个索引 oldthis = -1; $(".center-grandson-head>div").each(function(i) { $(this).click(function() { $(...原创 2019-03-02 10:12:26 · 929 阅读 · 0 评论 -
div盒子模型
div盒子模型1.盒子模型简介以及兼容问题 我们通常所说的盒子模型分为W3C盒子模型和IE盒子模型。W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分...原创 2019-01-30 12:29:50 · 8933 阅读 · 0 评论 -
Canvas画柱状统计图
这个是刚入门前端想写的，一个插件，功能虽然可以实现但是代码有点复杂，在这里留作纪念，大家可以引用。现在知道用echarts更加简单而且echarts的文档很好，自学在网上可以查到很多分享。同时阿里的G2，G6等也都可以用。在实现中HTML部分的额代码：<div class="tongji_1" id="div_1"> <canvas id="canvas1" ...原创 2019-01-31 15:53:27 · 1744 阅读 · 0 评论 -
JavaScript错误之：Uncaught ReferenceError: $ is not defined
相关知识介绍——JS中常见的六种错误：1. SyntaxError：语法错误 1 2 3 4 5 6 // 1. Syntax Error: 语法错误 // 1.1 变量名不符合规范 var 1 // Uncaught SyntaxError: Unexpected number var...原创 2019-01-31 14:53:56 · 61755 阅读 · 2 评论