文章库ARTICLE COLUMN

  • 火狐浏览器下,td 直接使用position:relative;和background:;产生的边框

    火狐浏览器下,td 直接使用position:relative;和background:;产生的边框

    摘要:消失示例出现问题问题原因我的理解是各个浏览器之间对于的解析不同,导致定位时背景的切割位置不同解决方法在上加上解决方法利用背景切割来决定背景的边界,从而达到不覆盖边框效果背景被裁剪到内边距框消失示例: 1 td{ 2 width:40px; 3 heig...

    SimonSimon 评论0 收藏0
  • 为什么有些内联(行内)元素可以设置宽高?

    为什么有些内联(行内)元素可以设置宽高?

    摘要:宋体块级元素主要有宋体宋体内联元素不会以新行开始,和相邻的内联元素在同一行。也就是说,绝对定位或者浮动的内联元素,实际表现为块级元素,可以设置宽高和边距。为什么有些内联(行内)元素如img、input可以设置宽高? 在说明之前我们先来了解一些...

    netScorpionnetScorpion 评论0 收藏0
  • 浅谈padding

    浅谈padding

    摘要:浅谈浅谈是盒子模型的一部分,代表盒子模型的内边距。可能的值可能的值值描述浏览器计算内边距规定以具体单位计的内边距值,比如像素厘米等。默认值是规定基于父元素的宽度的百分比的内边距规定应该从父元素继承内边距常用的写法是使用,比如。浅谈padd...

    iliyakuiliyaku 评论0 收藏0
  • 遗忘的html标签

    遗忘的html标签

    摘要:标签可定义上标文本。提示这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。提示无论是标签还是和它对应的标签,在数学等式科学符号和化学公式中都非常有用。 1 x2+y=10 2 3 H2O                     ...

    cod7cecod7ce 评论0 收藏0
  • 前端小记4——高性能mobile web开发

    前端小记4——高性能mobile web开发

    摘要:高性能动画与端场景需要相比,移动端需要考虑的因素也相对复杂,重点考虑流量功耗与流畅度。而在移动端,我们选择性能更优浏览器原生实现方案动画。然而,动画在移动多终端设备场景下,相比会面对更多的性能问题,主要体现在动画的卡顿与闪烁。1.高性能...

    番茄西红柿番茄西红柿 评论0 收藏0
  • Hi,给他介绍一款markdown的帮助文档生成器

    Hi,给他介绍一款markdown的帮助文档生成器

    摘要:就像,等组件都有自己的帮助文档。然后,引入修改后的支持中文搜索的控件,修正代码如下添加对中文的支持上述是缩减之后的代码,其中主要是对的使用。      当今大多数的团队都实现了前、后端分支。前端与后端的沟通都是通过接口来实现的(一般情...

    番茄西红柿番茄西红柿 评论0 收藏0
  • HTML表格属性及简单实例

    HTML表格属性及简单实例

    摘要:用来定义的表格,具有本地属性表示边框,属性的值必须为或空字符串。而且中的文字默认会被加粗,而是不会的是数据标记,表示单元格的具体的数据用来定义表格的页眉,表头的包装器。这里主要总结记录下表格的一些属性和简单的样式,方便以后不时之需。 1...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 动态生成html元素并为元素追加属性

    动态生成html元素并为元素追加属性

    摘要:动态生成元素的方法有三种第一种创建元素,再用方法将元素添加到指定节点登录第二种使用直接将元素添加到指定节点使用将元素直接添加到指定节点登录第三种创建节点中创建对象,使用的工厂函数完成,格式如下,会根据传入的标记字符串,创建一个对象动态...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 用纯css改变默认的radio和checkbox的样式

    用纯css改变默认的radio和checkbox的样式

    摘要:利用的的伪类代替和效果优点需要图片来调整选中前和选中后的样式,纯搞定缺点兼容性,以下不支持在线例子改变默认的和的样式单选框男女多选框苹果橙子代码改变默认的和的样式单选框男女多选框苹果橙子利用css的label的伪类(::before)代替checkbox和ra...

    CoderBearCoderBear 评论0 收藏0
  • 移动端判断手机横竖屏状态

    移动端判断手机横竖屏状态

    摘要:禁用用户自动缩放功能判断横竖屏状态有两种方法判断判断一判断横屏还是竖屏写在同一个文件中竖屏横屏根据横竖屏设置大小时,正常页面尺寸常规书写即可,横屏样式多带带设置。没有切换状态时会不执行任何条件判断,此处不如判断横竖屏全面。禁用用户自动...

    番茄西红柿番茄西红柿 评论0 收藏0
  • Css Sprite(雪碧图、精灵图)<图像拼合技术>

    Css Sprite(雪碧图、精灵图)<图像拼合技术>

    摘要:一精灵图使用场景二优点减少图片的字节。减少网页的请求,从而大大的提高页面的性能。解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。一、精灵图使用场景: 二、...

    zhigoozhigoo 评论0 收藏0
  • web前端学习之ruby标记和rt/rp标记

    web前端学习之ruby标记和rt/rp标记

    摘要:标记与标记一同使用。标记由一个或多个字符需要一个解释发音和一个提供该信息的标记组成,还包括可选的标记,定义当浏览器不支持标记时显示的内容。ruby 标记定义ruby注释(中文注音或字符)。ruby标记与rt标记一同使用。ruby标记由一个或多个字符(需...

    wwolfwwolf 评论0 收藏0
  • Sass 语法格式及编译

    Sass 语法格式及编译

    摘要:一语法格式这里说的语法是的最初语法格式,他是通过键控制缩进的一种语法规则,而且这种缩进要求非常严格。在此特别提醒新同学只能使用老语法规则缩进规则,使用的是的新语法规则,也就是语法规则类似语法格式。一、sass语法格式 这里说的 Sass 语法是...

    SimpleTriangleSimpleTriangle 评论0 收藏0
  • Hello,移动WEB—Viewport_Meta标签

    Hello,移动WEB—Viewport_Meta标签

    摘要:二标签语法参数设置布局的特定值设置页面的初始缩放最少缩放最大缩放用户能否缩放常用写法注意如果不加,只设置了,在浏览器的默认字号为中时,是达不到缩放比例为的效果,即不起作用,加上后二   Viewport meta标签: 语法: 参数:  1. width: 设...

    番茄西红柿番茄西红柿 评论0 收藏0
  • flex布局入门总结——语法篇

    flex布局入门总结——语法篇

    摘要:默认值如果项目未设置高度或设为,将占满整个容器的高度。与交叉轴两端对齐,轴线之间的间隔平均分布。该属性有两个快捷值和。默认值为,表示继承父元素的属性,如果没有父元素,则等同于。该属性可能取个值,除了,其他都与属性完全一致前几天看了阮一...

    cocopeakcocopeak 评论0 收藏0
  • css3画图那些事(三角形、圆形、梯形等)

    css3画图那些事(三角形、圆形、梯形等)

    摘要:闲来无事,写写图形。当时巩固一下吧。前端小白,写的不好还请前辈多指教。正方形,椭圆,和梯形。然后在设置一个倾斜就好了闲来无事,写写图形。当时巩固一下css3吧.。前端小白,写的不好还请前辈多指教。   三角形 { width: 0; height: ...

    yuxueyuxue 评论0 收藏0
  • layui 的 GitHub 及 Gitee (码云) 仓库

    layui 的 GitHub 及 Gitee (码云) 仓库

    GitHub: https://github.com/sentsin/layui/ Gitee:https://gitee.com/sentsin/layui

    ARGUSARGUS 评论0 收藏0
  • 子div设置float后会导致父div无法自动撑开

    子div设置float后会导致父div无法自动撑开

    摘要:本文是从简书复制的语法可能有些出入想看正版和更多内容请关注简书小贤笔记注文章部分转载彩泉博客园原因内部的因为之后,就丢失了和的样式,所以外部的不会被撑开。本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注 简书: ...

    Dongjie_LiuDongjie_Liu 评论0 收藏0
  • tinymce与prism代码高亮实现及汉化的配置

    tinymce与prism代码高亮实现及汉化的配置

    摘要:简单介绍是一个轻量级的基于浏览器的所见即所得编辑器,由写成。它对和都有着非常良好的支持。功能方强大,并且功能配置灵活简单。另一特点是加载速度非常快的。所以我们使用作为代码高亮插件。简单介绍:TinyMCE是一个轻量级的基于浏览器的所见即所得...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css画图那些事

    css画图那些事

    摘要:上一篇写了一些基本的图形,想到是不是能用画个动物,便在网上找图片。于是选中一只大鹏鸟也不难,一步步的写出身体部位,再定位上去就好了。来一张效果图,后面给两个加了动画,稍微难看一点,后期慢慢修改上一篇css3写了一些基本的图形,想到是不是能...

    曹金海曹金海 评论0 收藏0
  • CSS

    CSS

    摘要:如内可以包含块级元素与块级元素并列内联元素与内联元素并列。相对定位是相对于该元素在文档流中的原始位置,即以自己原始位置为参照物。另外,对象脱离正常文档流,使用,,,等属性进行绝对定位。1、CSS概述CSS是 Coscoding Style Sheets 的简称,中...

    番茄西红柿番茄西红柿 评论0 收藏0
  • css把容器级别(div...)标签固定在一个位置(在页面最右边)

    css把容器级别(div...)标签固定在一个位置(在页面最右边)

    .process{ border:1px solid #B7B7B8; background:#F8F8F8; width:80px; height:250px;   position: fixed;   right:0;   text-align: center; } 没有滚动条时候: 有滚动条时候:  

    printempwprintempw 评论0 收藏0
  • HTML第一章:初始HTML

    HTML第一章:初始HTML

    摘要:设置字体大小左上角在搜索框中输入网页的第一行一定是网页声明,代表这个页面是页面标签中的意思是网页中会用到英文辅助标签,声明网页内容的编码格式关键字关键字网页内容描述标签表示网页的开始和结束网页的头部,里面可以设置网页标题网页的身设置ws...

    anquananquan 评论0 收藏0
  • HTML第二章:列表,表格,媒体元素

    HTML第二章:列表,表格,媒体元素

    摘要:是描述,有行缩进一个可以有很多描述例如商品图片商品名称商品价格表格由行和列组成一对代表一行,每一行里面有单元格组成例如两行两列每个单元格可以跨行和跨列跨行是竖着占用其他单元格,跨列是横着占用其他单元格。第二章:列表,表格,媒体元素列表...

    jubincnjubincn 评论0 收藏0
  • HTML第三章:表单

    HTML第三章:表单

    摘要:第三章表单表单标签相当于一张记录用户信息的单子常用属性表单的提交方式,常用的值有两个安全提交方式非安全提交方式举例设置表单提交到哪举例提交到的页面地址表单中包含表单元素标签,用来让用户输入内容需要注意表单元素要写在标签之间,不要写在外...

    tanglijuntanglijun 评论0 收藏0

热门文章

<