文章库ARTICLE COLUMN

  • 那些年使用过的清除浮动的方法

    那些年使用过的清除浮动的方法

    摘要:浮动使元素框向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框脱离了文档的普通流,所以文档的普通流中的框表现得就像浮动框不存在一样。浮动使元素框向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止...

    AbnerMingAbnerMing 评论0 收藏0
  • css基础系列

    css基础系列

    摘要:盒子模型和标准盒子模型行内块元素,元素呈现为具有相依特性元素不会被显示。文字基线属性设置元素中文本行高语法长度值百分比浏览器有默认的行高,不同浏览器默认行高不一样。 盒子模型 盒子模型的概念 高和宽的设置 边框的设置 内边距的设置 外边...

    shiinashiina 评论0 收藏0
  • transition-timing-function 属性

    transition-timing-function 属性

    摘要:支持替代的属性。注释以及更早版本的浏览器不支持属性。定义和用法属性规定过渡效果的速度曲线。默认值继承性版本语法语法值描述规定以相同速度开始至结束的过渡效果等于。可能的值是至之间的数值。以相同的速度从开始到结束的过渡效果: div { transi...

    jasperyangjasperyang 评论0 收藏0
  • 原生模态框,遮罩层

    原生模态框,遮罩层

    摘要:哈哈哈哈中信营业厅高尧三汉中门分店会员有效期取消确定哈哈哈哈中信营业厅高尧三汉中门分店会员有效期取消确定DOCTYPE html> Document body { background-color: #000000; } ul, li { list-style: none; padding: 0; margin: 0; } .div1 { posit...

    cloudcloud 评论0 收藏0
  • 9个设计师常用的高清图库 不敢配图? 这9个免版权图库牢记心中!

    9个设计师常用的高清图库 不敢配图? 这9个免版权图库牢记心中!

    摘要:二网址提供个人和免费商用的图像,图片质量非常高。五网址超过亿张高清图片,可以按照颜色查找的免费高质量图片中心。九网址适合平面设计师和网页设计师使用的图片素材,注册后可免费下载,个人和商业使用全部免费。一.pexels 提供大量高清尺寸,品质优...

    AdolphLWQAdolphLWQ 评论0 收藏0
  • 文本输入框input text输入字母自动转大写

    文本输入框input text输入字母自动转大写

    摘要:现在需要把一个输入框内的字母自动转变为大写。查了下资料,目前收集到的方法有两种使用,在标签添加方法,将字符转为大写。区别使用会给用户一种转换感,使用是把输入的字母显示为大写。  现在需要把一个input输入框内的字母自动转变为大写。   查了...

    zlyBearzlyBear 评论0 收藏0
  • IDEA编写css样式报错

    IDEA编写css样式报错

    摘要:粗心大意浪费了分钟时间必须记录一下报错图片琢磨了半天没想出是哪里错了很无奈度娘设置成就可以了试了一下果然好使不再报错这样设置只是把代码的错误忽视了掩耳盗铃并没有什么卵用该行报错代码的效果并没有显示出来最终解决网页打开修饰的文件在他人帮...

    xiaoxiaozixiaoxiaozi 评论0 收藏0
  • h5实现实时时钟

    h5实现实时时钟

    摘要:这里调用是为了选取元素方便而已,初学建议用选取元素 *{ margin: 0px; padding: 0px; } .clock{ width: 200px; height: 200px; border: 1px solid #000; border-radius: 50%; ...

    TonnyTonny 评论0 收藏0
  • HTML基础系列

    HTML基础系列

    摘要:标记语言,网页制作的第一步。什么是呢查百度基础语法常用标签是超文本标记语言,不用编译,直接在浏览器中执行,是一个文本文件。长按下方二维码可关注,欢迎分享,置顶尤佳。 HTML标记语言,网页制作的第一步。 什么是HTML呢?查百度 基础语法 常用...

    CoffeXCoffeX 评论0 收藏0
  • html基础复习

    html基础复习

    摘要:标签选择器类选择器选择器定义调用通配符选择器后代选择器子代选择器交集选择器并集选择器伪类选择器个常用的宽度高度字体大小字体不加粗 1.标签选择器   div{}   2.类选择器   .one class="one"   3.id选择器(定义+调用)   #one{} ...

    XiNGRZXiNGRZ 评论0 收藏0
  • CSS 圣杯布局 / 双飞翼布局的实现

    CSS 圣杯布局 / 双飞翼布局的实现

    摘要:先让它们浮动,并给和一个固定宽度,宽度,清除浮动流,结果变成上面这样。工作的越久,有些基础知识我们可能就逐渐淡忘了,今天我们来回顾一下css的圣杯布局和双飞翼布局, 这两个名词你可能不熟, 那三栏布局你肯定就非常熟悉了, 就是两边定宽, 中...

    AldousAldous 评论0 收藏0
  • css实现发光文字,以及一点点js特效

    css实现发光文字,以及一点点js特效

    摘要:效果图代码如下帅此处是文字内容获取到我们的标签在鼠标指针进入到标签上时触发我是你爸爸设置标签之间的在鼠标指针离开标签上时触发帅设置标签之间的实现思路通过中的来实现文字的发光效果效果图:   代码如下:        body{     ...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css常见的各种布局上(两列布局)

    css常见的各种布局上(两列布局)

    摘要:目录一大结构上的导航栏和内容区域两栏布局博客园为例腾讯课堂个人中心页慕课网个人中心页个人中心页二版的结构三类似九宫格布局的两列结构四图文两列布局左图右文字非垂直居中,左图,右固定行数的文字,右侧文字和左边图片垂直居中。目录:一、大结构...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 前端跨域资源请求: JSONP/CORS/反向代理

    前端跨域资源请求: JSONP/CORS/反向代理

    摘要:此时完成的跨域代理配置仅仅是在开发环境下生效,到了生产环境下如果是放到服务器上则还需要借助的反向代理来进行跨域的代理。跨域 指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对 JavaScript 施加的安全限制。同源就...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 前端页面总结

    前端页面总结

    摘要:定位使元素的位置与文档流无关,因此不占据空间。它的行为就像而当页面滚动超出目标区域时,它的表现就像,它会固定在目标位置。此元素会被显示为内联元素,元素前后没有换行符。以下内容部分转载自菜鸟教程CSS层叠样式表(CascadingStyleSheets)内联:...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css 滚动视差   之   水波纹效果

    css 滚动视差 之 水波纹效果

    摘要:我们来看个例子代码很简单,让视口出现滚动条,然后它是这样的很普通的一个滚动效果,然后我们把注释去掉,就是加上这句话华丽变身由于它相对视口固定,看起来就好像只有一个背景一样。核心属性: background-attachment 这个属性就牛逼了, 它可以定...

    _ang_ang 评论0 收藏0
  • 用animation的steps属性制作帧动画

    用animation的steps属性制作帧动画

    摘要:于是我顺着他的思路,用上了在中的属性。修改效果如下但是这都不是我们需要的效果,因为帧动画的关键在于瞬变。在的中,有一个属性。表示将动画分为帧。这个位置变化没有过渡效果,这就是的特点阶跃性。  昨天火急火燎地接到一个任务,说是要做一个掷...

    googolleegoogollee 评论0 收藏0
  • 用animation的steps属性制作帧动画

    用animation的steps属性制作帧动画

    摘要:于是我顺着他的思路,用上了在中的属性。修改效果如下但是这都不是我们需要的效果,因为帧动画的关键在于瞬变。在的中,有一个属性。表示将动画分为帧。这个位置变化没有过渡效果,这就是的特点阶跃性。 昨天火急火燎地接到一个任务,说是要做一个掷骰...

    zhichangterryzhichangterry 评论0 收藏0
  • 45个值得收藏的 CSS 形状

    45个值得收藏的 CSS 形状

    摘要:能够生成各种形状。正方形和矩形很容易,因为它们是的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。摘要: CSS炫技。 原文:45个值得收藏的 CSS...

    kyanagkyanag 评论0 收藏0
  • 解决滚动条突然出现导致的页面错位问题

    解决滚动条突然出现导致的页面错位问题

    摘要:而滚动条的突然出现,会让子元素统统向左抖了一下。解决方案一滚动条常驻不完美但也还行滚动条常驻,或者滚动条消失,都是为了避免滚动条从无到有这个突发过程。  有时候在一个宽高固定的容器中,需要加载更多内容,如果设置了overflow:auto,加...

    617035918617035918 评论0 收藏0
  • css常见的各种布局下----三列布局

    css常见的各种布局下----三列布局

    css 三列布局,左右固定宽度右边自适应   1不使用定位,只使用浮动可以实现左右固定,中间宽度自适应布局      1.1.1 自适应部分一定要放第一个位子,使用浮动,并且设置宽度为100%,不设置浮动元素内容不够称不开整个宽度      1.1.2 左右固...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 关于Data URLs svg图片显示出错和浏览器URL hash #

    关于Data URLs svg图片显示出错和浏览器URL hash #

    摘要:而它们在处理时将后面的字符串当做为位置标识符,没有将后数据提交至浏览器内部解析器我认为的模拟服务器中,所以就出现了数据丢失解析异常。以上分析纯属个人猜测。在使用生成的svg图作为 http://www.faqs.org/rfcs/rfc2397.html https://developer.mo...

    learn_shifenglearn_shifeng 评论0 收藏0
  • Center a website:网页居中

    Center a website:网页居中

    inside the tags, using a wrapper div to control the whole section. HTML: (content) CSS: #wrapper { ... margin: 0 auto; } 令整个网页绝对居中!

    anonymoussfanonymoussf 评论0 收藏0
  • easyui表格自动换行

    easyui表格自动换行

    摘要:表格内容自动换行可以通过设计表格属性来实现,默认值为但是并未提供,表头自动换行的解决方案,因为一般我们的数据表格列名都是固定的,想换行的话可以通过来实现,但是特殊情况,例如列名是动态生成的,并不固定,没办法,不能直接通过设置属性来实现...

    ElleElle 评论0 收藏0
  • 单行截断和多行截断问题

    单行截断和多行截断问题

    摘要:成立多年来,腾讯一直秉承一切以用户价值为依归的经营理念,为亿级海量用户提供稳定优质的各类服务,始终处于稳健发展状态。年月日,腾讯控股有限公司在香港联交所主板公开上市股票代号。单行截断: span { display: inline-block; // 如果不是block...

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

热门文章

<