html&css
关注
分享
扫一扫
在实际练习中，更好地感知html和css的使用。
mufengs16
努力向上、自由生长。
展开
-
原生js登录页面表单验证
原生js登录页面表单验证 <!DOCTYPE html> <html> <head> <title>登录页面</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="form.css"/> <script type="text/javascript" src="checkform.js"&原创 2020-10-08 10:07:43 · 892 阅读 · 0 评论 -
APP Store卡片展开效果实例
APP Store卡片展开效果实例 项目地址 项目代码地址 敲码思路 B站UP主 CodingStartup起码课 该项目是针对手机App Store软件页面卡片展开效果的实现，整个页面的宽度也只有480px。 页面制作的主要效果通过jQuery，使用toggleCLass方法实现类的转换，其中页面样式较多的使用到css3中的一些属性。 知识锚点 root 是css伪类匹配文档的根元素，对于html来说，:root元素表示html根元素。除了优先级更高以外，与html选择器相同。在声明变量原创 2020-09-19 12:37:00 · 587 阅读 · 0 评论 -
浅解relative和absolute
relative和absolute的简介 relative即相对定位。是指元素在文档中相对于自身正常位置偏移的值。元素自身预留空间并没有改变。 例如： relative和absolute的使用 测试 运行效果 absolute即绝对定位。使用该属性元素会脱离文档流，并不会为元素预留空间。元素通过相对于最近已定位的祖先元素的偏移来改变元素的位置。绝对定位可以设置外边距，不与其他外边距合并。 示例1（同上实例，改变css) 运行效果 此时父元素b原创 2020-08-25 11:28:00 · 347 阅读 · 0 评论 -
Polo360网站页面制作练习
目录 页面效果图 HTML源码 CSS源码 涉猎知识点 总结 页面效果 HTML源码 <!DOCTYPE html> <html> <head> <title>Polo360</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../css/reset.css..原创 2020-07-16 23:39:50 · 823 阅读 · 0 评论