文章库ARTICLE COLUMN

  • CSS 小结笔记之伸缩布局 (flex)

    CSS 小结笔记之伸缩布局 (flex)

    摘要:相关的各个属性如下在父盒子定义,子盒子才能使用属性设置子盒子的缩放比例,可以一起指定也可以多带带指定。子盒子在父盒子中的水平对齐方式。强行在一行显示,因此每个盒子的大小都会减少。CSS flex 是一种伸缩布局,之前块级元素布局在同一行,可以...

    番茄西红柿番茄西红柿 评论0 收藏0
  • vscode 快速生成html

    vscode 快速生成html

    摘要:在中新建一个自动会生成一个标准的代码,那在得一行一行写吗太烦了吧,各种关键词搜,哎妈终于找到了办法,现在这里记录下第一步在空文档中输入第二步按下键。了,看看效果吧在Hbuilder中新建一个htm自动会生成一个标准的html代码,那在vscode得一行一...

    番茄西红柿番茄西红柿 评论0 收藏0
  • CSS 实例之打开大门

    CSS 实例之打开大门

    摘要:本个实例主要的效果如下图所示本案例主要运用到了旋转和定位技术。给左右的门设置相关属性,这里给出左盒子的相关属性。右盒子只需将定位改为右边距离为,以及将旋转轴改为右侧即可。设置大小与边框设置为让其变成圆形。本个实例主要的效果如下图所示 ...

    番茄西红柿番茄西红柿 评论0 收藏0
  • html+css 布局篇

    html+css 布局篇

    摘要:做了后有一些不好的影响。设置值不能正确显示由于浮动导致父级子级之间设置了属性的值不能正确表达。只有左侧设置为,右侧设置,右侧将会占据整个右侧剩余宽度。float 做了float后有一些不好的影响。 1、背景不能显示 由于浮动产生,如果对父级设置了(...

    caozhijiancaozhijian 评论0 收藏0
  • 前端学习之路之CSS (一)

    前端学习之路之CSS (一)

     Infi-chu: http://www.cnblogs.com/Infi-chu/   简介:    CSS 指层叠样式表 (Cascading Style Sheets)    样式定义如何显示 HTML 元素    样式通常存储在样式表中    把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题    外部样...

    xiaoqibTnxiaoqibTn 评论0 收藏0
  • 前端学习之路之CSS (二)

    前端学习之路之CSS (二)

    摘要:选择器选择器可以为标有特定的元素指定特定的样式中选择器以来定义。选择器选择器用于描述一组元素的样式,选择器有别于选择器,可以在多个元素中使用在中,类选择器以一个点号显示。 Infi-chu: http://www.cnblogs.com/Infi-chu/   id选择器id 选择...

    wapeyangwapeyang 评论0 收藏0
  • 列表显示, 内容过长省略显示, 鼠标停留在内容上显示全部内容
  • css清除浏览器默认样式

    css清除浏览器默认样式

    css清除浏览器默认样式(代替 *{})  将代码放入 css 文件,使用 link 引入。 /* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3...

    ky0nchengky0ncheng 评论0 收藏0
  • CSS 实例之翻转图片

    CSS 实例之翻转图片

    摘要:具体效果图如下主要用到的技术除了翻转和定位,还用到了一个新的属性该属性主要是用来设定元素背面是否可见。具体的步骤如下写出页面主体,通过定位使两张图片叠加在一起设置第一张图片背面不可见添加旋转度最后给出完整代码具体效果图如下: 主要用到...

    番茄西红柿番茄西红柿 评论0 收藏0
  • CSS 实例之滚动的图片栏

    CSS 实例之滚动的图片栏

    摘要:设置大小,宽度为的两倍,高度与相同,并指定动画相关属性定义动画,主要是向左移动一组图片的长度增加鼠标悬停,动画暂停的效果最后给增加使得超出的部分隐藏,这样整体一组滚动的图片栏就做好了整体代码如下在一些网站上可以经常看到有一些图片进行持...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css样式的优先顺序

    css样式的优先顺序

    摘要:一样式的权重内联样式选择器类选择器标签选择器默认样式二常用的样式顺序内联样式表选择器类选择器标签选择器三说明选择器的权值越大越优先,的优先级最大当权值相等时,后设置的样式会覆盖先设置的样式自定义的样式的优先权高于浏览器设置的样式后指定...

    CntChenCntChen 评论0 收藏0
  • 前端学习之路之CSS (三)

    前端学习之路之CSS (三)

    摘要:创建有三种方法外部样式表内部样式表内联样式。当设置为,每一行被展开为宽度相等,左,右外边距是对齐。用于把所有用于列表的属性设置于一个声明中将图象设置为列表项标志。表格表格边框指定表格边框,使用属性。Infi-chu: http://www.cnblogs.com/Inf...

    番茄西红柿番茄西红柿 评论0 收藏0
  • vue 项目实战 (入门)

    vue 项目实战 (入门)

    摘要:环境搭建安装箭头是随同一起安装的包管理工具。检查环境是否安装成功打开一个命令提示符,有成功输出版本号则为安装成功。如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。    环境搭建 安装NodeJS →箭头 https://nodejs.org/en...

    DevYKDevYK 评论0 收藏0
  • 关于div设置display: inline-block之后盒子之间间距的处理

    关于div设置display: inline-block之后盒子之间间距的处理

    摘要:当两个盒子都设置之后并且也清除了默认样式这时候会发现盒子之间仍然存在间隙将清间距就会取消当两个盒子都设置display: inline-block之后并且css也清除了默认样式 这时候会发现div盒子之间仍然存在间隙 将font-size清0间距就会取消  ...

    番茄西红柿番茄西红柿 评论0 收藏0
  • Vue Cli安装以及使用

    Vue Cli安装以及使用

    摘要:单元测试前端的单元测试目前有两个比较热的框架,一个是的方式,一个是。小伙伴们不用急,关于单元测试这块,我会找时间写博客的。首先前端的测试分为两种,一个是单元测试,另一个就是测试了。        因为公司项目要用vue框架,所以会用vue-cli来...

    lemanlilemanli 评论0 收藏0
  • vue 项目实战 (生命周期钩子)

    vue 项目实战 (生命周期钩子)

    摘要:生命周期简单来说就是一个组件从创建到初始化到销毁的一个过程,在这个过程中有这些生命周期钩子函数我们可以更方便的去操作整一个组件。开篇先来一张图 下图是官方展示的生命周期图   Vue实例的生命周期钩子函数(8个)        1. beforeCreat...

    macg0406macg0406 评论0 收藏0
  • css之盒模型

    css之盒模型

    摘要:内容不会被修剪,会呈现在元素框之外。内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。规定应该从父元素继承属性的值。盒模型 1.定义 1.任意一个元素都可以当作盒模型 2.盒子的大小由内容宽高(width/height)+边距(padding)+边框(border) 3....

    SKYZACKSKYZACK 评论0 收藏0
  • 在vue 中使用 less

    在vue 中使用 less

    摘要:如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。1.安装 npm install --save-dev less less-loader npm install --save-dev style-loader css-loader 先在index.html页面head标签内插入这段代码 (function (doc, win) { ...

    番茄西红柿番茄西红柿 评论0 收藏0
  • vue 移动端屏幕适配 使用rem

    vue 移动端屏幕适配 使用rem

    摘要:要想移动端适配并使用您需要先看这篇文章,配置好在中使用,就可以使用了如果项目已经开发的差不多了,没有用到又要使用,您用这招。如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力要想移动端适配 并使用 rem  您需要先看这篇文章...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 从零开始的全栈工程师——html篇1.7

    从零开始的全栈工程师——html篇1.7

    摘要:存在形影分离,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。实际上,这是属性的特点。表单的内元素文本框密码框单选框多选框普通按钮按钮提交按钮提交下拉列表position定位与表单 一、position 1、Position细说 Position...

    DeanDean 评论0 收藏0
  • CSS的再一次深入(更新中···)

    CSS的再一次深入(更新中···)

    全面我们学了6个选择器,今天再来学习两个选择器,分别是通配符选择器和并集选择器: 1.通配符选择器:   *{ } 表示body里所有的标签都被选中 2.并集选择器: 选中的标签之间用逗号隔开,表示这几个标签都被选中 *选择器 有好处也有弊端 好处 就是省事,弊...

    JackwooJackwoo 评论0 收藏0
  • 多个Img标签之间的间隙处理方法

    多个Img标签之间的间隙处理方法

    摘要:多个标签写在一行郁金香郁金香郁金香郁金香效果前效果后将要闭合标签的地方与开始标签的地方重合郁金香郁金香使用注释头尾相连郁金香郁金香在标签的父级上写推荐是用这个方法。1.多个标签写在一行 效果前: 效果后:     2.将要闭合标签的地方...

    firimfirim 评论0 收藏0
  • 高级布局

    高级布局

    摘要:一文档流一文档流概念概念普通流常规流将窗体自上而下分成一行一行,块级元素从上至下行内元素在每行中从左至右的顺序依次排放元素。一.文档流 1.概念 normal flow(普通流,常规流)将窗体自上而下分成一行一行,块级元素从上至下、行内元素在每行中从左...

    liukai90liukai90 评论0 收藏0
  • CSS的再深入(更新中···)

    CSS的再深入(更新中···)

    摘要:在上一章我们提到了一个新的概念,叫做块级样式,讲到这里就要科普一下标签又分为两种块级标签元素特征会独占一行,无论内容多少,可以设置宽高内敛标签又叫做行内标签元素特征根据内容的多少占用空间大小,它的上下不起作用块级内敛有时,我们会使用块...

    PluserPluser 评论0 收藏0
  • layui  form.on('select(xxx)',function(){})

    layui form.on('select(xxx)',function(){})

    摘要:使用的绑定选中事件中不执行主要原因有标签中没有写属性用来监听请选择必须写在中这个一般不会错检查中是否有标签并且标签中有使用layui的form.on绑定select选中事件中, form.on()不执行, 主要原因有 1, select标签中没有写lay_filter属性,用来监听 ...

    ispringispring 评论0 收藏0

热门文章

<