前端
关注
分享
扫一扫
文章平均质量分 56
三哥自尊心强
这个作者很懒，什么都没留下…
展开
-
基于flexbox的运动主题响应式网页
使用到fontawesome 5<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="C:\Wnmp\html\shop-cart-2\fontaw原创 2021-02-23 10:29:49 · 349 阅读 · 0 评论 -
基于Flexbox 的响应式个人博客样式
效果图：源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>响应式Blog -- 基于Flexbox</title> <style>原创 2021-01-26 10:03:07 · 246 阅读 · 1 评论 -
flexbox card的小例子
效果如下：代码如下<!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> *{原创 2021-01-26 02:31:28 · 273 阅读 · 0 评论 -
Flexbox 响应式网页例子
使用到font-awesome, google 字体。效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="C:\Wnmp\html\原创 2021-01-18 07:08:27 · 274 阅读 · 0 评论 -
flexbox小例子--一个商场响应式网站的导航和图片展示部分
以下是基于flexbox的商城产品展示区域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flexbox Shop</title> <style> *{ marg原创 2021-01-14 05:01:06 · 238 阅读 · 0 评论 -
PHP 小例子（3）--jQuery,Ajax 实现数据库添加
修改自：https://www.webslesson.info/2016/06/php-jquery-ajax-insert-radio-button-value-on-click.htmlBootstrap 5 + PHP7.2测试通过test数据库下的表格 -- -- Table structure for table `tbl_gender` -- CREATE TABLE IF NOT EXISTS `tbl_gender` ( `id` int(11) NOT N原创 2021-01-01 18:07:15 · 162 阅读 · 0 评论 -
Flex box 小例子（2）
书接前文，在给出了一个例子后，再给一个例子：navbar<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Navbar in Flexbox</title> <style> *{ box-sizing: border-box; magin:0;原创 2020-12-27 14:11:57 · 181 阅读 · 0 评论 -
Flex box 小例子（1）
前言：网页元素布局从最初的table画表格阶段（史前到2000前后），到div+float（2000到2017），再到现在的flex box, grid（2017后）的布局方式，已经过去了20年了。flex尤其是grid布局出现后，基本上取代了float的功能，再不用左右float了。至于兼容性，最新的的浏览器全部支持flex box与grid的布局。今天开始，以几个例子展示一下flex box的布局。如果需要了解flex box的基础语法，请离开本教程。0.一个简单的响应式布局...原创 2020-12-24 17:58:52 · 128 阅读 · 0 评论