![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
辐_射
这个作者很懒,什么都没留下…
展开
-
清除浮动之双伪元素清除浮动
【代码】清除浮动之双伪元素清除浮动。原创 2022-12-29 20:34:54 · 313 阅读 · 1 评论 -
清除浮动之after伪元素
【代码】清除浮动之after伪元素。原创 2022-12-26 22:17:44 · 240 阅读 · 0 评论 -
浮动练习-手机模块
【代码】浮动练习-手机模块。原创 2022-12-02 23:27:13 · 219 阅读 · 0 评论 -
清除内外边距
【代码】清除内外边距。原创 2022-11-06 22:14:44 · 115 阅读 · 0 评论 -
盒子模型之表格细线边框
【代码】盒子模型之表格细线边框。原创 2022-10-25 23:33:41 · 100 阅读 · 0 评论 -
CSS优先级权重练习
CSS权重练习(叠加)2。原创 2022-10-23 22:31:05 · 131 阅读 · 0 评论 -
CSS权重的叠加
【代码】CSS权重的叠加。原创 2022-10-23 21:40:22 · 91 阅读 · 0 评论 -
CSS行高的继承
【代码】CSS行高的继承。原创 2022-10-20 22:35:52 · 996 阅读 · 0 评论 -
Chrome调试工具
chrome浏览器提供了一个非常好的调试工具,可以用来调试我们的HTML结构和CSS样式。⑤如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误。打开chrome浏览器,按下F12键或者右击页面空白处--->检查。③右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色。⑥如果有样式,但是样式前面有黄色叹号提示,则是样式属性书写错误。①Ctrl+滚轮可以放大开发者工具代码大小。②左边是HTML元素结构,右边是CSS样式。④Ctrl+0复原浏览器大小。Chrome调试工具。原创 2022-10-13 22:54:14 · 224 阅读 · 0 评论 -
综合案例-新文页面
【代码】综合案例-新文页面。原创 2022-10-13 22:53:42 · 489 阅读 · 0 评论 -
CSS代码风格
强烈推荐样式选择器,属性名,属性值关键字全部使用小写字母,特殊情况除外。a、属性值前面,冒号后面,保留一个空格。b、选择器(标签)和大括号中间保留。强烈推荐第二种格式,因为更直观。原创 2022-08-20 00:00:46 · 156 阅读 · 0 评论 -
CSS语法规范
使用HTML时需要遵从一定的规范,CSS也是如此。要想熟练地使用CSS对网页进行修饰,首选需要了解CSS样式规则。选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式。CSS规则由两个主要的部分构成:选择器以及一条或多条声明。属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。多个"键值对"之间用英文";属性和属性值以"键值对"的形式出现。属性和属性值之间用英文":"分开。原创 2022-08-19 23:49:45 · 136 阅读 · 0 评论 -
VSCode快速格式化代码
2)搜索emmet.include或者搜索Font Ligatures;Vscode快速格式化代码(快捷键):shift+alt+f。只需要设置一次即可,以后都可以自动保存格式化代码。1)文件--->【首选项】--->【设置】;原创 2022-08-19 23:20:54 · 2249 阅读 · 0 评论 -
Emmet语法快速生成HTML标签和CSS样式使用
代码】Emmet语法快速生成HTML标签和CSS样式使用。原创 2022-08-19 00:37:14 · 266 阅读 · 0 评论 -
练习:注册页面
代码】练习:注册页面。原创 2022-08-16 22:03:59 · 159 阅读 · 0 评论 -
合并单元格
代码】合并单元格。原创 2022-08-08 20:54:39 · 604 阅读 · 0 评论 -
表格标签之表格属性
代码】表格标签之表格属性。原创 2022-08-07 20:58:09 · 168 阅读 · 0 评论 -
HTML注释标签和特殊字符
HTML注释标签和特殊字符原创 2022-07-31 20:13:10 · 203 阅读 · 0 评论 -
有序列表、无序列表、嵌套列表
<!DOCTYPE HTML PUBLIC "-//DTD//W3C HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="zh-cn"><head> <meta charset="utf-8"> <title>H...原创 2020-01-14 21:52:43 · 2585 阅读 · 0 评论 -
HTML 文本格式化
<!DOCTYPE HTML PUBLIC "-//DTD//W3C HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="zh-cn"><head> <meta charset="utf-8"> <title>演...原创 2020-01-08 20:55:19 · 220 阅读 · 0 评论 -
前端js禁止鼠标右键及F12禁止查看源代码
在前端开发中,F12审查元素的情况下,大家都可以随机更改一部分页面的代码,注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改。一、屏蔽F12 审查元素<script>document.onkeydown = function () { if (window.event && window.event.keyCode ==...原创 2019-12-27 19:57:00 · 804 阅读 · 0 评论 -
文件域跟图像域-制作QQ主页信息
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>文件域跟图像域-制作QQ主页信息</title> <link href="css/style.css" type="text/css" rel="st...原创 2019-12-09 23:05:27 · 291 阅读 · 0 评论 -
表单文件域跟图像域-制用用户信息注册页面
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>表单文件域跟图像域-制用用户信息注册页面</title> <link href="css/style.css" type="text/css" rel...原创 2019-12-08 21:23:52 · 665 阅读 · 0 评论 -
无序列表-制作网页特效
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>无序列表-制作网页特效</title> <link href="css/style.css" type="text/css" rel="sty...原创 2019-11-13 21:53:24 · 1077 阅读 · 0 评论 -
有序列表跟无序列表的嵌套-制作菜单页面
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>有序列表跟无序列表的嵌套-制作菜单页面</title> <link href="css/style.css" type="text/css"...原创 2019-11-13 20:57:28 · 1485 阅读 · 0 评论 -
有序列表跟无序列表的嵌套
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>有序列表跟无序列表的嵌套</title> <link href="css/style.css" type="text/css" rel="styl...原创 2019-11-12 20:45:25 · 7729 阅读 · 0 评论 -
实现vivo X9s手机的宣传页面
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/> <title>实现vivo X9s手机的宣传面面</title> <!-- 引用CSS样多文件,路径、类型、与当前文件关系 --> <!-- ...原创 2019-05-07 22:20:54 · 564 阅读 · 0 评论 -
伪类选择器
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/> <title>实现vivo X9s手机的宣传面面</title> <!-- 引用CSS样多文件,路径、类型、与当前文件关系 --> <link...原创 2019-05-07 21:31:44 · 597 阅读 · 0 评论