![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 61
yanwuhc
实践出真知。
展开
-
做完公司测评之后,我做了这样一件事...
最近开始准备面试,在做一些公司的测评时,看到页面上的一种拖拽选项框。为了加深对HTML5拖拽事件的理解,打算自己实现一个出来。基本实现内容大概是这样的,将左边的内容拖拽到右边,使其符合自己的个人情况。啪的一下,很快啊,把静态页面写好了:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"原创 2021-08-29 17:32:32 · 156 阅读 · 0 评论 -
一种常见的整体布局
一种常见整体布局布局如下:<div class="console"> <Top /> <div class="main"> <Left style="border-right: 1px solid #eee"/> <router-view class="router-view" /> </div> </div>其中,console为整体视图,Top为顶部栏组件,main为原创 2021-03-12 23:52:12 · 187 阅读 · 0 评论 -
demo | 用HTML和CSS写一个简单的菜单栏块
大致思路是这样的:两个空白是为了让p标签在div标签中能够垂直居中(属于比较笨的方法)。HTML和CSS代码如下:<html> <head> <meta charset="utf-8"> </head> <style> div.outer{width: 175px;text-align: center;} a{text-decoration: none;}原创 2020-07-26 03:19:41 · 327 阅读 · 0 评论 -
CSS布局
CSS布局学习笔记1.绝对定位。属性:position 值:absolute通过制定left,top绝对定位一个元素。(1)设置了绝对定位的元素,相当于该元素被从原文档中删除了。<style> p.abs{ position: absolute; left: 150px; top: 50px; } </style> <p >正常文字1</p> <p原创 2020-05-29 17:26:33 · 114 阅读 · 0 评论 -
学习html第二天。
这是第二天学习html,感觉把基础的html只是学完了,就是有点乱,回头要好好整理一下,再看一看笔记。继续加油!整理的笔记如下:1.input标签表示文本框,只能单行输入。<input type="text">备注:如果要输入多行,用textarea标签。用size属性定义文本框的大小,用value属性定义初始值。注意:input标签没有width属性。用placeholder属性设置背景(灰色字体)<input type="text" placeholder="对方正在原创 2020-05-26 16:14:57 · 124 阅读 · 0 评论