文章库ARTICLE COLUMN

  • 土旦:关于display:flex碰上white-space nowrap 影响布局的问题

    土旦:关于display:flex碰上white-space nowrap 影响布局的问题

    背景,做一个前面图片宽度固定,后面宽度自适应,使用到了flex布局,但是想让后面div里文字不换行,超出以点点表示时,这时布局就乱了,查了下,原来flex布局与white-space:nowrap有影响   解决办法,父div设置min-width:0即可 flex: 1; min-width: 0; ...

    lboollbool 评论0 收藏0
  • fab 菜单实现—圆形、半圆、扇形、直线、射线

    fab 菜单实现—圆形、半圆、扇形、直线、射线

    摘要:前段时间记录一下菜单实现之前传钟表表盘,今天终于弄正文了。本文基于上篇文章的布局方式和位置计算,并参考这篇笔记的动画实现了环状半圆形扇形直线射线形状的菜单。预览这篇笔记也太短了  前段时间记录一下fab 菜单实现之前传-钟表表盘,今天终于...

    rubyshenrubyshen 评论0 收藏0
  • HTML 练习拖动面板

    HTML 练习拖动面板

    Title 标题 内容 $("#title").mouseover(function(){ $(this).css("cursor","move") ...

    chemzqmchemzqm 评论0 收藏0
  • HTML 练习显示隐藏

    HTML 练习显示隐藏

    Title hello world $(#show).click(function(){ $(p).show() }) $(#hide).click(function(){ $(p).hide() }) $(#toggle).click(function(){ $(p).toggle()...

    walterrwuwalterrwu 评论0 收藏0
  • css 四周边框角加粗效果

    css 四周边框角加粗效果

    摘要:   DOCTYPE html> Document div { position: relative; left: 50px; top: 50px; margin: 10px; width: 500px; height: 100p...

    masturbatormasturbator 评论0 收藏0
  • HTML 练习淡入淡出

    HTML 练习淡入淡出

    Title $("#fadeIn").click(function(){ $("div").fadeIn(1000); }) $("#fadeOut").click(function(){ $("div").fadeOut(1000);...

    PascalXiePascalXie 评论0 收藏0
  • HTML 练习滑动

    HTML 练习滑动

    Title #flipshow, #content, #fliphide, #toggle{ padding: 5px; text-align: center; background-color: blueviolet; border: solid 1px; red;...

    entnerentner 评论0 收藏0
  • 基于flexbox纯css框架的解析

    基于flexbox纯css框架的解析

    摘要:于是,参考着框架,基于,我也将自己一点对框架的理解写了下来方便入门参考,希望大家能喜欢,并多提些建议。具体的实现可参考个人博客。学CSS很好的一个方法大概是先用纯CSS来实现一个自己的框架,然后便可以在之后的使用中对一开始可能很粗糙的框架做...

    RaaabbitRaaabbit 评论0 收藏0
  • 纯css折叠区域-基于checkbox

    纯css折叠区域-基于checkbox

    摘要:即可折叠区域,和标签类似,不过更灵活些。折叠区域往常多用实现,这里就纯粹用,就想法上也是异途同归。Accordion Accordion即可折叠区域,和标签类似,不过更灵活些。折叠区域往常多用JavaScript实现,这里就纯粹用CSS,就想法上也是异途同归。 折叠...

    KoreyLeeKoreyLee 评论0 收藏0
  • 前端笔记之CSS(下)浮动&BFC&定位&Hack

    前端笔记之CSS(下)浮动&BFC&定位&Hack

    摘要:并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。宋体清除浮动这是专业术语,其实就是需要我们解决浮动带来的影响宋体父元素的高度塌陷宋体。相对定位的参考点是自身。  一、浮动 1.1 各个语言的主要知识点 HTML:标签语义化(那么怎...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 怎么让DIV在另一个DIV里靠底部显示?

    怎么让DIV在另一个DIV里靠底部显示?

    摘要:属性的五个值元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到影响。相对定位元素的定位是相对其正常位置。元素可以使用的顶部,底部,左侧和右侧属性定位。他们也有不同的工作方式,这取决于定位方法。可以使用css的position...

    2i18ns2i18ns 评论0 收藏0
  • css样式的继承性、层叠性 、优先级

    css样式的继承性、层叠性 、优先级

    摘要:一样式的继承性作用给父元素设置一些属性,子元素也可以使用应用场景一般用于设置网页上的一些共性信息,例如网页的文字颜色,字体,文字大小等内容。一、css样式的继承性: 作用:给父元素设置一些属性,子元素也可以使用 应用场景: 一般用于设置网页...

    MkkHouMkkHou 评论0 收藏0
  • 前端vue系列-起始篇 vue的基本认知

    前端vue系列-起始篇 vue的基本认知

    摘要:管理后台,日常就是提交各种表单了,这部分现有的方案,比如表单提交或者收集信息提交。,可以用于前端开发的工程构建。带了人的前端团队,你的精力开始在配合公司其他部门做用户数据增长了。开始考虑使用的。       hi,大家伙,我是佛系大大,很高...

    I_AmI_Am 评论0 收藏0
  • Web前端-Vue.js必备框架(五)

    Web前端-Vue.js必备框架(五)

    摘要:前端必备框架五页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件。生命周期创建阶段更新阶段销毁阶段创建阶段更新阶段,多次执行销毁阶段函数式组件无状态,无实例,没有生命周期,没有上下文。 Web前端-Vu...

    KeaganKeagan 评论0 收藏0
  • 来到博客的第一篇

    来到博客的第一篇

    摘要:进行样式修改,初步修改的内容这边文章也是用来测试和填补文章缺省的进行样式修改,初步修改的内容 #home{width:90%;position:relative;}#blogTitle a{color:#fff; text-shadow:1px 1px 5px #ccc;}#blogTitle h2{color:#ffe;font-weight:700;text-decor...

    PingCAPPingCAP 评论0 收藏0
  • CSS引入本地字体与在线字体

    CSS引入本地字体与在线字体

    摘要:特别提到一点,最好是不要引入特别的中文字体,主要是中文字体文件实在是太大了些,如果只是几个字完全可以做成或者的格式。有些时候为了强调某些文字,需要使用一些比较特别的字体,CSS中现在也可以比较方便的引入字体了,如下: /* 定义字体 */ @fon...

    justCodingjustCoding 评论0 收藏0
  • 教你如何一键反编译获取任何微信小程序源代码(图形化界面,傻瓜式操作)

    教你如何一键反编译获取任何微信小程序源代码(图形化界面,傻瓜式操作)

    摘要:很想一窥源码,查看究竟,看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑。头发减减可是问题是呐好看的小程序,又获得不到源代码。所以啊,才能容易的反编译出来,如果是那就很难了一键获取微信小程序源代码   1 Tips: 2   一键获取微信小...

    RyanQRyanQ 评论0 收藏0
  • 移动端布局方案汇总&&原理解析

    移动端布局方案汇总&&原理解析

    摘要:阿里布局版本阿里布局版本该布局于年月日被版本取代实现原理假设稿宽设置的将屏幕分成份,实际屏幕宽度开发时直接填写设计稿宽度利用插件转换为实际阿里布局版本阿里布局版本实现原理利用的理想视口,删除版本的缩放其他依旧和版本一样阿里flexible布局...

    AWangAWang 评论0 收藏0
  • CSS基础知识点

    CSS基础知识点

    摘要:作为属性写在元素内的样式选择器类选择器标签选择器通配符选择器浏览器自定义或继承 2019-03-21----16:05:45 周期:5天 学习资料:http://how2j.cn/k/css2/css2-tutorial/238.html?p=67889 源代码地址---GitHub:https://github.com/BenCoper/CSS Readme:...

    evin2016evin2016 评论0 收藏0
  • vue 脚手架 立即可以写业务  vue + vue-router + less + axios +

    vue 脚手架 立即可以写业务 vue + vue-router + less + axios +

    https://github.com/cynthiawupore/wq-cli  

    LavenderLavender 评论0 收藏0
  • CSS Grid布局,实现响应式设计

    CSS Grid布局,实现响应式设计

    摘要:效果如图响应式布局例子实现如图效果结构布局使用属性创建一个列的网格,每个列都是一个单位宽度总宽度的。尝试其它布局把移到右边实现后的效果使用点来创建空白的网格单元格实现效果真正的响应式布局假设你想在移动设备上查看的是标题旁边是菜单。colu...

    pakolagijpakolagij 评论0 收藏0
  • 学习  day4  html   盒子模型

    学习 day4 html 盒子模型

    盒子模型 1.框模型 框:页面上所有元素都可以称为框 框模型:(BOX Model),又称盒子模型 定义框处理元素内容、内边距padding、外边距margin、边框的样式border   外边距margin margin-方向:        margin-left:        margin-right:  ...

    ?xiaoxiao,?xiaoxiao, 评论0 收藏0
  • 初识html

    初识html

    摘要:标签中的文本将会以斜体显示。短长引用对于引用在段落里直接写双引号不是更方便标签语义化,便于浏览器解析对搜索引擎友好,便于搜索    文本格式化标签: ("bold") 粗体("italic") 斜体粗 / 斜 / 下标 / 上标删除线 / 下划线 计算机方面:     ...

    roundstonesroundstones 评论0 收藏0
  • javascript语言精粹-笔记

    javascript语言精粹-笔记

    摘要:第六章判断是不是数组写一个第七章正则表达式匹配的正则匹配数字的walkDOM function walkTheDOM(node, func) { func(node); node = node.firstChild; while (node) { walkTheDOM(node, func); node = node.nextS...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 登录页面登录框居中

    登录页面登录框居中

    头部...<div color:="" #000000"="">background:url(static/images/back.jpg) no-repeat center center; background-size:100% 100%;">内容内容内容内容内容内容底部。。。.HolyGrail{ displ...

    番茄西红柿番茄西红柿 评论0 收藏0

热门文章

<