-
新手必看 | 一学就会!原来web网页布局是这样的……
网页设计中的布局一般分为前端视角和设计视角。其中，前端视角主要是指实现页面的各种CSS布局方式，分别为：静态布局、流式布局、响应式布局、弹性布局和Flex布局。除了静态布局，其他都能实现在不同分辨率下页面的自适应，来给用户最佳的视觉呈现。今天，就给大家讲讲前端网页设计中的静态布局和流式布局。静态布局...
05月04日[技术教程]浏览：10
-
HTML/CSS 备忘录 - 13. CSS3 变换/过渡/动画
一、2D 变换1. 2D 位移/* x 轴方向位移 30px */ transform: translateX(30px ; /* 分别设置 x 轴与 y 轴的位移 */ transform: translateX(30px translateY(40px ; /* 同时设置 x 与 y 的方向位...
05月04日[技术教程]浏览：10
-
实现水平垂直居中的多种方法（水平垂直位置怎么设置?）
在前端开发中，元素的居中是一个常见但又经常让人头疼的问题。本文将全面总结各种CSS居中方法，特别是如何实现一个div的水平垂直居中。为什么居中这么重要？居中布局是现代网页设计中最基础也最重要的布局方式之一。无论是导航菜单、登录框、还是各种卡片式设计，都需要用到居中技术。掌握各种居中方法可以帮助我们应...
05月04日[技术教程]浏览：10
-
CSS grid-template-columns属性探讨|给你代码
CSSgrid布局CSS grid布局是一种很强大的布局，兼容性如上表所示，表现在控制台里，你可以清楚看到他的内部每一个块都由一个虚线方块组成。他的每行每列都会生产一个单元格，而划分他们之间的线称为网格线。我这次就主要讲述其中两个属性。内容1.grid-template-columns(rows ,...
05月04日[技术教程]浏览：8
-
2022年了，你需要知道CSS的Calc和自定义属性
当大多数人想到在 Web 上进行计算时，他们会想到 JavaScript。考虑到 JavaScript 是 Web 的主要编程语言，这是有道理的，但是如果我告诉你，你可以只用 CSS 进行相当复杂的计算。老实说，它非常神奇且无限有用。...
05月04日[技术教程]浏览：9
-
HTML表单number和range高级元素的使用
number类型元素number属性提供了一个输入数字的输入类型，用户可以直接输入数字，或者通过单击微调框中的向上或者向下按钮选择数字。 代码格式如下。<input type="number" name="shuzi"/>...
05月04日[技术教程]浏览：9
-
HTML-列表标签(双标签) 208（html列表标签属性）
列表标签有3种:1 dl,dd与dt(定义列表 2 ol与li(有序列表 3 ul与li(无序列表 前两者一般不怎么用,网页中运用最多的是第三种1 <dl><dd>与<dt>...
05月04日[技术教程]浏览：8
-
原来隐藏一个DOM元素可以有这么多种方式，最后一种你肯定不知道
我们在日常编码的时候，隐藏一个 dom 元素有很多种方式，今天我们来盘点一下隐藏 dom 元素有哪些方式，最后一种，你绝对没有用过。display: none...
05月04日[技术教程]浏览：9
-
html开发笔记22-表单元素「用户名、密码、单选框、多选框」
一、表单元素介绍【用户名、密码、单选框、多选框】1、表单：就是从网页上看见的各种各样的框，比如 登陆框、同意协议的选项框、下拉框、只能选男女的选框等。二、演示：主要代码在下面...
05月04日[技术教程]浏览：9
-
DOM - 根据ID访问HTML元素（html根据id获取div内容）
根据ID访问HTML元素如下方法实现document.getElementById(idVal :返回文档中id属性值为idVal的HTML元素。上面这个方法简单易用，只要被访问HTML元素具有唯一的id属性，那么javaScript脚本就可以方便地访问到该元素。在设计良好的HTML页面中，建议为页...
05月04日[技术教程]浏览：11
朽木教程网 © All Rights Reserved. 蜀ICP备2024111239号-8