![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 58
Forget December
这个作者很懒,什么都没留下…
展开
-
使用vscode边开发页面边预览
最终实现效果,不需要按保存键或者刷新键就可以实时预览结果,建议去下载vscode最新版,旧版本可能无法正常使用这个插件去插件商店搜索下载Live Preview插件安装完成后点击下图中的图标就可以边开发边预览...原创 2021-08-31 10:27:29 · 4702 阅读 · 1 评论 -
带音符字母html表示
在处理人名时有时会遇到带有音符的字母,貌似是法语里面的,有时候在网页中直接以字符表示,如á,有时候会用á表示,以下内容都是我一个一个试出来的French_alphabet = { 'á': 'á', 'à': 'à', 'â': 'â', 'ä': 'ä', 'Á': 'Á', 'À': 'À', 'Â'原创 2021-04-06 11:01:43 · 296 阅读 · 0 评论 -
通过bootstrap提供的模板创建简易网页
<!doctype html><html lang="zh-CN"><head> <!-- 必须的 meta 标签 --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap 的 CSS 文件 -原创 2021-03-27 18:00:22 · 393 阅读 · 0 评论 -
css利用flex实现瀑布流效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>瀑布流效果</title> <style> /*去除原有的外边框和内边距*/原创 2020-08-31 11:53:48 · 1453 阅读 · 1 评论 -
html+css实现炫酷阴影效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar原创 2020-08-13 20:21:58 · 929 阅读 · 0 评论 -
css中的各种选择器的用法
/*标签选择器*/ div{ width: 100px; height: 100px; background: cornflowerblue; }给所有的指定标签设定样式缺点:会产生冲突/*class选择器*/ .public_div{ width:100%; } .side{ width:1000px; }&原创 2020-06-01 23:24:29 · 194 阅读 · 0 评论 -
css盒子模型
CSS盒子模型margin:外部间隔border:轮廓padding:内部填充content:内容padding:10px;上下左右padding:5px 10px;上下,左右padding:5px 8px 10px;上,左右,下padding;5px 6px 7px 8px;上,右,下,左(顺时针)padding-top:10px;指定方向同一个div下面上下排列的元素margin-top和margin-bottom不会累加...原创 2020-06-04 21:27:08 · 122 阅读 · 0 评论