文章库ARTICLE COLUMN

  • 纯css做幻灯片效果

    纯css做幻灯片效果

    css3里面有一个@keyframes动画功能。 w3c上面的例子: 可以使用它来做一个幻灯片效果。 纯CSS做幻灯片 @keyframes slide { 0% { background: url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 【代码笔记】Web-CSS-CSS 分组和嵌套

    【代码笔记】Web-CSS-CSS 分组和嵌套

    一, 效果图。 二,代码。   DOCTYPE html> CSS 分组和嵌套 h1, h2, p { color: green; } .marked { background-color: red; } .marked p { ...

    EsgynChinaEsgynChina 评论0 收藏0
  • 【代码笔记】Web-CSS-CSS Display

    【代码笔记】Web-CSS-CSS Display

    一,效果图。 二,代码。 DOCTYPE html> CSS Display(显示) h1.hidden { display: none; } li { display: inline; } span { display: block; ...

    王伟廷王伟廷 评论0 收藏0
  • 【代码笔记】Web-CSS-CSS Positioning

    【代码笔记】Web-CSS-CSS Positioning

    摘要:因为图像元素设置了属性值为所以它会显示在文字之后。参考资料菜鸟教程一,效果图。       二,代码。   DOCTYPE html> CSS Positioning p.pos_fixed { position: fixed; top: 30px; right: 5px;...

    番茄西红柿番茄西红柿 评论0 收藏0
  • Web前端:博客美化:一、模板美化

    Web前端:博客美化:一、模板美化

    1、选用模板simplememory 2、写css放在 这些会覆盖掉原来的css样式 我是在网上找的css代码二次加工的 : ) /*1、针对simplememory的修改*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter....

    BamboyBamboy 评论0 收藏0
  • 01-css的引入方式

    01-css的引入方式

    摘要:转的引入方式引入方式重点掌握行内样式内接样式外接样式链接式导入式介绍现在的互联网前端分三层超文本标记语言。从交互的角度描述页面行为,层叠样式表。的作用就是给页面标签添加各种样式,定义网页的显示效果。【转】01-css的引入方式  引入css方式...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 01-html介绍和head标签

    01-html介绍和head标签

    摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规...

    番茄西红柿番茄西红柿 评论0 收藏0
  • Web前端:博客美化:三、右上角的Github Ribbon

    Web前端:博客美化:三、右上角的Github Ribbon

    1、保存图片到博客园相册 2、复制代码到可以放html代码的地方 我因为数量问题把这段sei到了 页首Html代码 我是在一个炒鸡美的博客上看到这个缎带装饰的 原文提供了6种颜色,左右版本都有,都很好看。但是我深蓝的背景还是红色最适合,emmmmm 以下是12个...

    insteininstein 评论0 收藏0
  • 前端之响应式布局

    前端之响应式布局

    摘要:实现效果根据缩放比例不同或者浏览设备不同显示不同的布局代码如下响应式布局实现效果:根据缩放比例不同或者浏览设备不同显示不同的css布局 代码如下: 1 DOCTYPE html> 2 3 4 5 响应式布局 6 7 @media (min-width: 4...

    matingmating 评论0 收藏0
  • JSON WEB TOKEN(JWT)的分析

    JSON WEB TOKEN(JWT)的分析

    摘要:当达到过期时间时,需要对进行续签,可以定时想服务器提交请求,重新获取来实现。注销问题注销问题当客户登录的时候,需要注销登录会话,由于是没有状态的,只能在客户端把删除,伪造一个注销的状态,真正的注销只能等待过期。JSON WEB TOKEN(JWT)的...

    hsluoyzhsluoyz 评论0 收藏0
  • CSS实现单行、多行文本超出部分显示省略号

    CSS实现单行、多行文本超出部分显示省略号

    摘要:单行文本超出,代码如下代码效果如下多行文本超出部分显示省略号代码如下效果图如下注意事项将设置为的整数倍,防止超出的文字露出。用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的属性。 单行文本超出,代码如下: css代码...

    wangxinarhatwangxinarhat 评论0 收藏0
  • css中关于table的相关设置

    css中关于table的相关设置

    摘要:中设置的值一般为表格宽度的最大值,不能改变,即使内部的内容宽度超过也不能改变。所以在中只有讨论设置的可能了,中的设置和几个之间的设置有关。当几个都没有设置具体值时,平均分配总的值。还有一点要注意,就是的和的之间的关系。一、设置好看的单...

    kohoh_kohoh_ 评论0 收藏0
  • 移动端web自适应适配布局解决方案

    移动端web自适应适配布局解决方案

    摘要:还原设计图,要注意看布局,分析结构。感觉难点在于测量精度测量数据文字的行高。100%还原设计图,要注意:  看布局,分析结构。   感觉难点在于: 1.测量精度(ps测量数据); 2.文字的行高。   前段时间写个移动端适配的页面(刚接触这方面),查...

    番茄西红柿番茄西红柿 评论0 收藏0
  • vue中使用Element主题自定义肤色

    vue中使用Element主题自定义肤色

    摘要:一搭建好项目的环境。二根据官网的自定义主题来安装主题生成工具。三在文件里修改,即你想要的主题颜色。然后,执行主题编译命令生成主题,根目录会生成一个文件夹。四封装动态换肤色组件。关闭浏览器再次打开依旧是你所选中的主题肤色一、搭建好项目的...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css加载会造成阻塞吗

    css加载会造成阻塞吗

    摘要:加载会阻塞运行吗加载会阻塞运行吗由上面的推论,我们可以得出,加载不会阻塞树解析,但是会阻塞树渲染。这也就说明了,加载会阻塞后面的语句的执行。因此,加载是会阻塞的渲染的。 本文由云+社区发表 作者:嘿嘿嘿 可能大家都知道,js执行会阻塞DOM...

    番茄西红柿番茄西红柿 评论0 收藏0
  • float浮动-清浮动BFC渲染机制

    float浮动-清浮动BFC渲染机制

    摘要:浮动,用于横向布局。浮动会破坏,即浮动元素脱离文档流当给一个元素设置浮动了之后,它不会再占用页面当中的位置了,造成的影响不会撑开父级的高度。如下图想要解决这个影响,就得清浮动清除浮动所造成的影响了。float浮动,用于横向布局。 起初的横向...

    PrototypeZPrototypeZ 评论0 收藏0
  • 解决子元素浮动,父元素没有撑开的问题

    解决子元素浮动,父元素没有撑开的问题

    /*子元素浮动,父元素撑开*/ .父元素{ } .父元素:before{ content:; display:table; } .父元素:after{ content:; display:table; clear:both; }  

    RoctureRocture 评论0 收藏0
  • 三种方法实现CSS三栏布局

    三种方法实现CSS三栏布局

    摘要:本文由云社区发表作者前端林子本文会分别介绍三种实现三栏布局的方法,可在浏览器中打开查看效果方法一自身浮动的方法方法一自身浮动的方法实现方法需要左栏向左浮动,右栏向右浮动,中间设左右来撑开距离实现三栏布局中间栏不要设宽度,包括左栏 本文...

    gggggggbonggggggggbong 评论0 收藏0
  • 实现导航栏下划线跟随效果

    实现导航栏下划线跟随效果

    摘要:就像上图这样的动画效果在导航栏里的时候,下划线跟随鼠标移动,鼠标移出导航栏时,下划线回到初始位置,同时要适应导航的宽度为了适应导航的宽度,就不能给导航元素设置,然后将导航元素的设置给下划线然后需要让下划线独立于导航之外,从而保证 就像...

    U2FsdGVkX1xU2FsdGVkX1x 评论0 收藏0
  • 设置背景图片铺满整个屏幕

    设置背景图片铺满整个屏幕

    方案一 bgc { background-image: url(../image.ipg); position:absolute; left:0; right:0; bottom:0; top:0; } 方案二 position absolute width 100vw height 100vh backgroun...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 纯CSS实现点击事件展现隐藏div菜单列表/元素切换

    纯CSS实现点击事件展现隐藏div菜单列表/元素切换

    摘要:在写移动端导航的时候经常用到点击按钮出现隐藏导航条的情况,最常见的方法当然还是前端框架直接调用,省心省力,不易出错当然还有使用纯实现的小代码段。另外使用作为选择器仅为了兼容更低版本的在写移动端导航的时候经常用到点击按钮出现/隐藏导航条...

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

    CSS

    摘要:盒模型标准盒模型盒模型具体区别是的宽度一旦确定,就不会改变。内容的宽度会根据增加或者是减小。属于同一个的两个相邻的会发生重叠。的区域不会与重叠。盒模型 content-box (W3C 标准盒模型) border-box (IE 盒模型) 具体区别是: 1. border-box...

    ivyzhangivyzhang 评论0 收藏0
  • 【代码笔记】Web-CSS-CSS Float(浮动)

    【代码笔记】Web-CSS-CSS Float(浮动)

    一, 效果图。 This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. T...

    sheryshery 评论0 收藏0
  • 第六课 Html5常用标签   html5学习1

    第六课 Html5常用标签 html5学习1

    摘要:标签的认识一标签的分类双标签如单标签如换行标签二标签的关系嵌套关系如与父子关系并列关系如与兄弟关系三排版标签标题标签比较重要,一般用作网站的段落标签水平线标签单标签换行标签标签网页布局标亲盒子四文本格式化标签文本加粗标签不推荐使用的加...

    siberiawolfsiberiawolf 评论0 收藏0
  • 使用Canvas绘制简单的时钟控件

    使用Canvas绘制简单的时钟控件

    摘要:有了,我们就再也不需要了,直接使用完成绘制。绘制原点开始时钟开始时钟我们将当前时间绘制到始终上面即可需要注意的是,在绘制之前需要将之前绘制的东西清除掉。Canvas是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画...

    trilevertrilever 评论0 收藏0

热门文章

<