• 网页注册表单的设计技巧

    虽然现在ajax给很多用户带来了不一样的体验,因为Ajax让我们彻底告别了以往注册一个用户往往需要反复填写好几次表单的时代,但是因为一些细节和文字说明的处理不精细,仍有很多小伙伴们会选择用css设计注册表单,那么下面我们就去看看 网页 注册表单的设计技巧。 看看...

    2020-03-04 16:00:37

  • CSS 实现蜂巢/六边形图集

    CSS 实现蜂巢/六边形图集 不知道为什么,UI 很喜欢设计蜂巢效果(摊手) 一、实现六边形 首先用传统的方式来分析一下六边形 可以拆分成三个矩形,每个矩形 旋转正负 60 得到其它两个矩形 由此可以设计出基本的 HTML 结构 矩形的宽高先随便设置,后面组件化的时候再计算...

    2020-03-03 16:01:02

  • CSS选择器与CSS的继承,层叠和特殊性

    CSS选择器与CSS的继承,层叠和特殊性 什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素,类似这样body{color: pink;font-size: 16px;};常见的选择器包含:标签选择器、类选择...

    2020-03-03 16:00:45

  • 标签模拟多选择框checkbox

    标签模拟多选择框checkbox 用label标签模拟checkbox选择框,贴出关键代码如下:(具体样式还需自己调整一下) 我的效果: 多个选项框设置一样,改变下input输入框的calss名与label名即可, HTML代码: div class ="hander" input type ="checkbox" name ="favorite" va...

    2020-03-03 16:00:38

  • Web_HTML

    Web_HTML web标准介绍 web标准: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web标准规范的分类:结构标准、表现标准、行为标准。 结构:html。表示:css。行为:Javascript。 总结说明: 结构标准:相当于人的骨架。html就是用...

    2020-03-02 16:00:40

  • [css背景]背景颜色透明度

    [css背景]背景颜色透明度 rgba与opacity 在第一个例子中,我们只让背景颜色变得透明,而第二个例子用到opacity属性,让整个元素都变得透明,包含元素中含的内容。 使用opacity把一个元素设置为透明后,将无法再让其子元素变得不那么透明。 body { background-color : r...

    2020-03-02 16:00:31

  • 如何利用 githob 上传自己的网站

    如何利用 githob 上传自己的网站 如何搭建自己的网页是每个学前端伙伴不可缺少的一个过程,特意去看过很多如何搭建的教程,但都看不懂觉得很麻烦, 在慢慢的学习中接触到githob,发现了一个大宝藏(如果一个code都不认识githob 那无疑是失败的) 下面就来讲下如何利用gi...

    2020-03-01 16:01:23

  • [css选择器]学css前要搞懂的选择器的优先级和权重问题

    [css选择器]学css前要搞懂的选择器的优先级和权重问题 css的优先级之前一直没怎么注意没当回事,总以为对同一元素靠后的渲染会覆盖前面的渲染,要是覆盖不了那就来个!important嘛。直到我那在学前端基础的后端伙伴拿一个问题问住了我,我才意识到这是重点中的重点啊!...

    2020-03-01 16:01:15

  • 如何实现两列固定与一列自适应

    如何实现两列固定与一列自适应 【逆战班】 1.flex布局 Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。我们说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素...

    2020-03-01 16:01:07

  • CSSBFC规则的应用自适应两栏布局

    CSSBFC规则的应用自适应两栏布局 两栏布局是写页面时经常用到的,要想实现两栏布局,就需要明白BFC规则,Block formatting context,直译为块级格式化上下文,可以简单的理解它为一个独立的区域,把区域内部元素与外部元素区分开,两者互不干扰。 它的规则: 1.内部元...

    2020-03-01 16:00:46

2