HTML/CSS系列专栏
关注
分享
扫一扫
文章平均质量分 96
此专栏更新html和css相关内容，持续更新中...
苏 凉
关注公众号【苏凉闲谈社】领取大量前端电子书籍、python小游戏源码（植物大战僵尸、超级玛丽、扫雷...）、Python教学视频等资源。一个人可以走的很快，但一群人可以走的更远。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【小程序】&【web前端】必备-Flex布局详解（弹性盒子）
Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 行内元素也可以设置 flex的基本概念 如下图所示，采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。比如box它的所有子元素自动成为容器成员，称为Flex项目（flex item）比如box1，box2和box3，简称”项目”。 示例： 未设置flex布局时，呈竖直排列。 设置flex布局后，默认沿主轴方向排列。 flex容器有6个属性原创 2022-06-18 17:03:05 · 1456 阅读 · 56 评论 -
web前端-css中最直观的反馈-伪类及伪元素选择器的使用
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录前言css伪类选择器:active:link和:visited:hover伪类选择器合集css伪元素选择器伪元素合集::after和::before::first-letter::first-line::selection小结 前言 上期给大家讲了css的一些选择器的..原创 2022-05-26 06:45:00 · 1616 阅读 · 72 评论 -
web前端-前端三剑客之CSS（1）
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录写在前面什么是csscss语法css选择器css-元素选择器css-id选择器(#)css-类选择器(.)css-通用选择器(*)css-分组选择器css-组合器选择器后代选择器（空格）子选择器（>）相邻兄弟选择器（+）通用兄弟选择器（~）css-伪类选择器cs..原创 2022-05-22 16:42:09 · 2621 阅读 · 94 评论 -
web前端-css边框（border）
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录css边框属性css边框样式边框宽度圆角边框css所有边框属性 css边框属性 css的border属性允许您指定元素边框的样式、宽度和颜色。 css边框样式 border-style 属性指定要显示的边框类型。可以同时设置一到四个值（顺序为上边框、右边框、下边框和左..原创 2022-05-27 14:54:07 · 6571 阅读 · 9 评论 -
web前端-表单的使用详解
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录写在前面HTML表单form元素action属性method属性（get/post）get注意事项post注意事项target属性autocomplete 属性fieldset组合表单数据input元素常见输入类型number类型输入限制date类型color类型ra..原创 2022-05-21 07:00:00 · 1214 阅读 · 61 评论 -
web前端-HTML图像，表格，列表的使用
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录（一）🍁HTML图像🔥1.图像标签img和源属性src🔥2.替换文本属性（alt）🔥3.在HTML页面中添加背景图🔥4.排列图片🔥5.设置图片链接（二）🍁HTML表格🔥1.带边框表格的创建🔥2.设置表格背景，以及单元格背景🔥3.设置表头🔥4.跨行或者跨列 （一）🍁HT..原创 2022-05-16 14:42:43 · 1469 阅读 · 50 评论 -
web前端-《初识HTML》（附实例详解）
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录🔖（一）HTML简介🔉1.什么是HTML？🔉2.HTML标签🔉3.HTML文档🔖（二）HTML四个基础标签🔉1.HTML标题🔉2.HTML段落🔉3.HTML链接🔉4.HTML图像 🔖（一）HTML简介 🔉1.什么是HTML？ HTML 指的是超文本标记语言 (Hyp..原创 2022-05-13 11:54:17 · 2261 阅读 · 80 评论 -
web前端-CSS(display，position，overflow和浮动float)
display属性指定由元素生成的框的类型,通常用到display对应值有block、none、inline这三个值。下面我们来看看display的属性有哪些吧。比如：b、big、i、small、tt、abbr、acronym、cite、code、dfn、em、kbd、strong、samp、var、a、bdo、br、img、map、object、q、script、span、sub、sup、button、input、label、select、textarea等。内联元素特点：和其他元素都在一行上；宽高只与内原创 2022-06-02 16:27:57 · 1685 阅读 · 32 评论 -
《web前端面试题》第一问-如何快速居中对齐?
写在前面 优快云话题挑战赛第1期 活动详情地址：https://marketing.youkuaiyun.com/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题：前端面试宝典 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，原创 2022-05-14 16:06:16 · 2058 阅读 · 61 评论