文章库ARTICLE COLUMN

  • 小程序实践(三):九宫格实现及item跳转

    小程序实践(三):九宫格实现及item跳转

    摘要:效果图实现效果图红色线包含部分的九宫格效果,并附带点击时间。效果图:   实现效果图红色线包含部分的九宫格效果,并附带item点击时间。    -------------------------------------------------------------------------------------------------...

    番茄西红柿番茄西红柿 评论0 收藏0
  • CSS3实现烟花特效 --web前端

    CSS3实现烟花特效 --web前端

    摘要:烟花特效,比较简单,直接贴代码了实现烟花特效宋体素材烟花特效,比较简单,直接贴代码了…… css3实现烟花特效 * { margin: 0; padding: 0; } html{ width: 100%; heig...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 浮动与浮动的清除

    浮动与浮动的清除

    摘要:一浮动一浮动说浮动就必须提及一下文档流,当中的元素按照从左到右,从上到下的顺序进行排列称之为文档流,也就是正常排列。一、浮动 说浮动就必须提及一下文档流,HTML当中的元素按照从左到右,从上到下的顺序进行排列称之为文档流,也就是正常排列。 ...

    ChaoChao 评论0 收藏0
  • 关于css属性calc对于ie的态度

    关于css属性calc对于ie的态度

    摘要:最后把的值换成了,,才解决。第一次写,有什么意见,可以提,及时改正做的一个项目,布局的时候用到了max-height:calc(100% - 15px);在谷歌、火狐浏览器,进行下拉的时候,它的父元素会出现垂直滚动条,但是在IE就不可以。 然后在网上找了找,说在它的...

    adam1q84adam1q84 评论0 收藏0
  • 移动端,点击之后某个区域后有阴影

    移动端,点击之后某个区域后有阴影

    摘要:移动端页面按钮或者图标,点击的瞬间会有阴影,这是浏览器自带的,要去除这个阴影可以在样式里加上以下属性移动端页面按钮或者图标,点击的瞬间会有阴影,这是浏览器自带的,要去除这个阴影可以在css样式里加上以下属性:-webkit-tap-highlight-color: ...

    blastzblastz 评论0 收藏0
  • HTML+jq简单轮播图

    HTML+jq简单轮播图

    摘要:图片,按钮,上下页必须是同级元素使用按钮变色,需要定义的样式推荐使用插件,手机端很好用,端貌似不太好用路标.main{    width: 100%;    min-width: 1100px;    display: table;    margin: 0 auto;    text-align: center;    p...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 初次接触CSS变量

    初次接触CSS变量

    摘要:列如代码代码就业协议书就业协议书,全称是全国普通高等学校毕业生就业协议书,是由教育部高校学生司统一制订的。根据国家规定,在达成就业意向后,毕业生用人单位学校三方必须签订全国普通高等学校毕业生就业协议书。本文的目的主要是展示CSS变量是如...

    番茄西红柿番茄西红柿 评论0 收藏0
  • CSS 滤镜技巧与细节

    CSS 滤镜技巧与细节

    摘要:简单来说,滤镜就是提供类似的图形特效,像模糊,锐化或元素变色等功能。常用用法既然是标题是你所不知道的技巧与细节,那么比较常用的一些用法就不再赘述,通常我们见得比较多的滤镜用法有使用生成毛玻璃效果使用生成整体阴影效果使用生成透明度本文主...

    tinylcytinylcy 评论0 收藏0
  • 布局中常见的居中问题

    布局中常见的居中问题

    摘要:说到布局除了浮动以及定位外还有一个不得不提的点,那就是居中,居中问题我们在网页布局当中经常遇到,那么以下就是分为两部分来讲,一部分是传统的居中,另一种则是居中,每个部分又通过分为水平垂直居中来讲。参考参考学习布局视觉格式化模型居中详解...

    1fe1se1fe1se 评论0 收藏0
  • WEB前端 HTML

    WEB前端 HTML

    摘要:它俩都提到了超文本。什么是超文本我理解的超文本就是区别于文本,普通文本就是纯文字。说完了超文本,那标记语言是什么意思标记就是,给文本打上标签,代表是什么东西。目录 WEB前端 HTML WEB前端 HTML TOC 什...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 《第二章:深入了解超文本》

    《第二章:深入了解超文本》

    摘要:从本章开始要去除无用的话,只在笔记中记载要点使用元素创建一个超文本链接,链接到另一个页面。元素的内容会成为页面中可单击的文本。了解属性例的属性指定我们使用哪一种样式语言,的属性告诉我们一个超链接的目标文件。从本章开始要去除无用的话,只...

    wow_worktilewow_worktile 评论0 收藏0
  • WEB前端 CSS

    WEB前端 CSS

    摘要:后代选择器,儿子选择器,毗邻选择器,弟弟选择器。后代选择器后代选择器标签选择器后跟标签后代,无论直属还是间接直属,直接后代毗邻后代中最近的一个弟弟,找到和自己同级的标签如通过多个选择器好到具体的标签。目录 WEB前端...

    darrydarry 评论0 收藏0
  • 使用html+css+js实现计算器

    使用html+css+js实现计算器

    摘要:使用实现计算器,开启你的计算之旅吧效果图代码如下,复制即可使用主体显示框微软雅黑功能区 使用html+css+js实现计算器,开启你的计算之旅吧   效果图:     代码如下,复制即可使用:      /* 主体 */ ...

    wzypluswzyplus 评论0 收藏0
  • 《HTML与CSS 第一章 认识HTML》读书笔记

    《HTML与CSS 第一章 认识HTML》读书笔记

    摘要:一让广播明星黯然失色要建立页面,需要创建用超文本标记语言,编写的文件,把它们放在一个服务器上二服务器能做什么服务器在互联网上有一份全天候的工作。一、Web让广播明星黯然失色    要建立Web页面,需要创建用超文本标记语言(HyperText Markup...

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

    CSS浮动

    摘要:除非该元素前面还有一个浮动元素,这时它就会紧挨着前面的元素。真正让人迷惑的是浮动元素会尽可能的居顶,并且垂直定位规则比水平浮动规则的优先级更高。浮动到底是什么? 它既不是position,但又不在标准流里,那么它究竟是怎么定位的?   浮动一开...

    番茄西红柿番茄西红柿 评论0 收藏0
  • CSS 0.5px 细线边框的原理和实现方式

    CSS 0.5px 细线边框的原理和实现方式

    摘要:细线边框的具体实现方法有伪元素缩放或渐变,模拟,画线,裁剪等。对于普通电脑,屏幕物理像素和像素一一对应,显示的最小单位就是。而现在的手机,屏幕物理宽度一般都大于页面显示宽度。  细线边框的具体实现方法有:伪元素缩放或渐变,box-shadow模...

    CymprosCympros 评论0 收藏0
  • react create-react-app 怎么添加sass

    react create-react-app 怎么添加sass

    摘要:一先上官方文档二临时解决方法安装到目录下找到文件,进行添加,详细位置看下图三推荐使用当然了,不介意去改配置,多人开发时需要每个人都去修改,是不合理的。最好先把包拉到项目里,然后再修改。一、先上官方文档 https://github.com/facebook/creat...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 初尝微信小程序2-基本框架

    初尝微信小程序2-基本框架

    摘要:有的文件不是必须的,可以参考微信小程序官方文档。应用程序和页面之间的关系微信小程序允许纵向级数最高五级,后面会介绍导航组件,设置几级页面以及之间的跳转。基本框架: .wxml :页面骨架 .wxss :页面样式 .js :页面逻辑    描述一些行为 .jso...

    weijweij 评论0 收藏0
  • css画正六边形

    css画正六边形

    摘要:方法二也是把正六边形分成三个宽高相同的,然后使用定位以及分别向左右旋转形成正六边形,如图代码代码以上两种方法,元素的宽高尺寸以及左右位移需要根据上面的公式计算不能随意填写说下两种css 制作正六边形的方法。 先看一下结果:   在之前要先了...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 9:浏览器兼容

    9:浏览器兼容

    摘要:由和开发的浏览器排版引擎,年月发布。浏览器的兼容问题是我们必须去克服的。表示过滤器的意思,它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。  9:浏览器兼容 常见的主流浏览器 1)主流浏览器 Internet Explorer、 Safari、Mozilla...

    AWangAWang 评论0 收藏0
  • Flex Box 简单弹性布局

    Flex Box 简单弹性布局

    摘要:弹性盒子模型有两种规范早起的和后期的。它可以轻易的实现均分浮动居中等灵活布局,在移动端只考虑内核时很实用。一固定宽度占满剩余宽度垂直方向对齐方式水平方向对齐方式二固定宽度剩余空间的剩余空间的水平方向对齐方式垂直方向对齐方式  弹性盒子...

    ixleiixlei 评论0 收藏0
  • 网页自适应

    网页自适应

    摘要:标签基本语法上面这行代码的意思是,面积的,网页宽度默认等于屏幕宽度原始缩放比例为,即网页初始大小占屏幕。媒体查询自适应网页设计的核心,就是引入的自动探测屏幕宽度,然后加载相应的文件。1.viewport标签 基本语法: 上面这行代码的意思是,面...

    baishancloudbaishancloud 评论0 收藏0
  • select2 下拉无法显示

    select2 下拉无法显示

    .select2-container--open{   z-index: 99999;}

    grafgraf 评论0 收藏0
  • 基线、底线、顶线、中线

    基线、底线、顶线、中线

    摘要:基线底线顶线中线顶线中文汉字的的上端沿中线横过英文字母的中间的线基线并不是汉字文字的下端沿,而是英文字母的下端沿底线中文汉字的下端沿内容区指底线和顶线包裹的区域行内元素可以通过属性显示出来,实际中不一定看得到,但确实存在。基线、底线、...

    zxhaaazxhaaa 评论0 收藏0
  • CSS3实现文字折纸效果

    CSS3实现文字折纸效果

    摘要:实现文字折纸效果效果图代码如下,复制即可使用如有错误,欢迎联系我改正,非常感谢 CSS3实现文字折纸效果   效果图:    代码如下,复制即可使用: DOCTYPE html> html { height: 100%; } body { background: -webkit-...

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

热门文章

<