相关文章
【css3】06-css3新特性之网页布局篇
目录
伸缩布局或者弹性布局【响应式布局】 1 设置父元素为伸缩盒子
2 设置伸缩盒子主轴方向
3 设置元素在主轴的对齐方式
4 设置元素在侧轴的对齐方式
5 设置元素是否换行显示
6 设置元素换行后的对齐方式
7 效果测试原码 伸缩布局或者弹性布局【响应式布局】 1 设置父元…
CSS入门学习笔记+案例
CSS入门学习
一、CSS简介
1、什么是CSS
CSS：Cascading Style Sheet 层叠样式表
是一组样式设置的规则，用于控制页面的外观样式
2、为什么使用CSS
实现内容与样式的分离，便于团队开发
样式复用，便于网站的后期维护
页面的精…
CSS制作一个半透明边框
CSS制作一个半透明边框 1. 知识储备2. 具体实现3. 总结 1. 知识储备
对于如何使用 CSS 制作一个半透明边框，首先你要知道 background-clip 这个属性
background-clip: 设置元素的背景（背景图片或颜色）是否延伸到边框、内边距盒子、内容…
12个优美的CSS动画案例
大家好,我是前端实验室的大师兄!
对于网页设计师和开发工程师而言，创建一款极具趣味性和实用性的CSS网页动画，能让网站美观不少 CSS动画，就是通过CSS代码搭建网页动画。允许设计师和开发人员，通过编辑网站的CSS代码来添加页面动画…
好的学习html css的网站,精选13个HTML5学习必备网站_html/css_WEB-ITnose
给大家推荐一下学习研究 HTML 5必备的一些个网站，更加有利于大家对html5的学些和研究。 1. W3C HTML 5 权威教程 ，学习HTML5的各种标签，查询参考手册。 2. HTMLDemos 可以插件HTML5标签在各浏览器的兼容性，同时你还可以查看各种HT…
怎样用CSS画一个三角形
1.三角形的画法
由于div一般是四边形，要画个三角形并不是那么直观，你可以贴一个png,也可以用svg的形式，但是太麻烦。三角形其实可以用CSS画出。可以分两种三角形：
一是纯色的三角形，二十有边框色的三角形
三角形可以…
10个实用的CSS样式之悬浮卡片
👨🎓作者简介：一位喜欢写作，计科专业大三菜鸟 🏡个人主页：starry陆离 📚订阅专栏：『10个实用的CSS样式』 10个实用的CSS样式之悬浮卡片 1.简介2.布局设计3.样式美化3.1body美化3.2…
如何用css绘制一个三角形
问题描述：
用css绘制一个三角形，其实是利用视觉的效果，将三个边设置成相同的颜色，另一个边设置其他颜色，再通过设置四个边的形状绘制出三角效果的图形
步骤：
1、写一个宽高为0的盒子
2、选择三角形的底…
css设置四个圆角,css怎么设置4个圆角？css设置4个圆角方法
div如何设置css圆角边框？css设置4个圆角方法有哪些？这对于刚刚入门的css新手，比较陌生，那么css怎么设置4个圆角？下面我们来看一下css设置4个圆角方法。【推荐学习：CSS3教程】 CSS3圆角用于通过使用border-r…
css 两个元素重叠,css元素如何重叠？
css元素重叠的方法：1、给元素设置负margin，负margin可以让元素的占用空间变小，后面的元素可以覆盖当前的元素；2、使用position属性，利用相对定位和绝对定位来让多个元素进行重叠。 本教程操作环境：windows1…
好玩的 CSS - 40 个有趣的 CSS 学习网站
大厂技术 高级前端 Node进阶 点击上方 程序员成长指北，关注公众号 回复1，加入高级Node交流群 🌐 基础学习 cssreference.io/[1] CSS 参考书 chokcoco.github.io/CSS-Inspira…[2] CSS 灵感 www.awwwards.com/sites/zero-…[3] UI 设计师的灵…
10个好用的的css框架
一、tailwind
Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。
主要特性：
组件化体积小，性能高响应…
22 个用于网站设计的 CSS 库
点击上方 前端Q，关注公众号 回复加群，加入前端Q技术交流群 原文 | https://javascript.plainenglish.io/26-github-open-sources-for-learning-programming-4d0021d9f336 今天我们将分享22个关于网站设计的CSS库，希望对您的学习与网站设计、网…
css 网站置灰功能
文章目录 filter 属性backdrop-filter 属性mix-blend-mode 属性css 变量低版本浏览器方案 filter 属性
html {filter: gray; /* 兼容 IE6-9 的滤镜 */filter: grayscale(.95); // 对图片进行灰度转换-webkit-filter: grayscale(.95);
}backdrop-filter 属性
为一个元素后面区…
12 个要收藏的前端 CSS 网站
英文 | https://betterprogramming.pub/12-front-end-css-generator-websites-to-bookmark-cc557079b0ac 翻译 | 杨小爱 使用 CSS 时，有很多任务可能具有挑战性且难以正常完成。这不是因为他们的困难，而是因为我们缺乏好用的 UI 生成工具。幸运的是&…
10 个最佳 CSS 动画库
1.Animista
网站地址:http://animista.net/网站描述:在线生成 css 动画 Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能
1. 选择不同的动画
我们可以选择想要的动画类型（例如entrance/exist）&#x…
一文搞懂常用的网络概念：域名、动态IP、DNS、DDNS
人呐，眼光放得长远一些，看到的东西也会多一些，生活也就会过得更有意义一点。 本文已被https://yourbatman.cn收录；女娲Knife-Initializr工程可公开访问啦；程序员专用网盘https://wangpan.yourbatman.cn；公号…
 及其工作原理？)
什么是域名服务器 (DNS) 及其工作原理？
什么是域名服务器 (DNS)？ DNS 是一种计算机服务器，其中包含许多 IP 地址及其相关域名的数据库。它用于将请求的域名转换为 IP 地址，以便计算机知道为请求的内容连接到哪个 IP 地址。Internet 是连接计算机的网络，它们通过 IP 地址…
信息收集---域名子域名信息收集
一. 信息收集概念
1. 什么神是信息收集？ 信息收集是指通过各种方式获取所需要的信息，以便我们在后续的渗透过程中更好的进行。比如目标站点IP，中间件，脚本语言，端口，邮箱等等。信息收集包含资产但不限于资…
域名、常见端口与协议、三次握手与四次挥手
域名 - 每个域名背后都对应一个 IP 地址 - 虽然每次访问网站都是输入域名，但都是访问这个域名对应 IP 地址的网络服务器来打开网站的 - 将一串难以记忆的 IP地址，变成域名，便于记忆 - 通过.对域名进行级别分类，从右到左读…