• 等级
  • 24726 访问
  • 5 原创
  • 25 转发
  • 288676 排名
  • 0 评论
  • 4 获赞

表格花式效果

对于table的一些基础信息不了解的,可以参考我以前写过的一篇《关于table的一些记录》。下面演示的代码,具体的源码可以参考此处。一、表格固定左边与顶部公司最近要做个排期系统,当滚动表格的时候,需要将顶部和左边的分别固定起来。1)固定顶部原理就是用标签模拟出顶部的样式,通过脚本计算出高度,以及各个块的宽度,再将table中的thead的内容覆盖掉。1.样式:通过绝...

2019-04-18 10:20:06

总结伪类与伪元素

来源:alloyteam发布时间:2016-05-2316:51阅读:6328次推荐:0原文链接[收藏]  熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面总有一两个你没见过的吧。  1.伪类与伪...

2019-02-28 15:54:51

详解 清除浮动 的多种方式(clearfix)

2017年04月02日22:16:33FEWY阅读数:57776标签:css清除浮动clearfixBFC更多个人分类:CSS版权声明:本文为博主原创文章,欢迎转载,转载请注明出处。https://blog.csdn.net/FE_dev/article/details/68954481说明本文适合知道HTML与CSS基础知识的读者,或者想要了解清除浮动背...

2019-02-28 11:07:41

display:table的几个用法

DIV+CSS的布局已经让表格布局几乎很少用到,除非表格语义性很强的情况。display:table解决了一部分需要使用表格特性但又不需要表格语义的情况,尤其是DIV+CSS很不方便解决的问题,比如以下两种情况:一、父元素宽度固定,想让若干个子元素平分宽度通常的做法是手动设置子元素的宽度,如果设置百分数不一定能整除,设置具体的数值又限制了父元素的宽度固定,很烦。可以使用d...

2019-02-28 10:48:52

display:table和display:table-cell

   display的table和table-cell一般情况下用的不多,所以很少有人去关注它,但他们两个联手起来会给你惊喜!这里抛出这样一个问题,如下,让块里的多行文字垂直居中?一说到垂直居中就会想到,单行文字垂直居中line-height等于height;块级元素垂直居中,position定位或者flex布局。但这里我介绍display:table和table-cell是如何让多行文字...

2019-02-22 13:38:27

idea注册码

K71U8DBPNE-eyJsaWNlbnNlSWQiOiJLNzFVOERCUE5FIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImNoZWNrQ...

2019-02-11 09:51:50

echarts中datazoom相关配置dataZoom=[ //区域缩放 { id: 'dataZo

dataZoom=[                   //区域缩放  {    id:'dataZoomX',    show:true,               //是否显示组件。如果设置为false,不会显示,但是数据过滤的功能还存在。    backgroundColor:"...

2018-12-28 15:26:47

实现在HTML页面加载完毕后执行某个JS的两种方法

方式一:window.onload=function(){varuserName="xiaoming"; alert(userName); }方式二:$(document).ready(function(){ varuserName="xiaoming"; alert(userName); }); 方式二可简写为:$(function(){ varuserNa...

2018-12-20 09:41:48

收入支出分析

<!DOCTYPEhtml><html>   <head>      <metacharset="UTF-8">      <title>关系图案例</title>      <!--引入ECharts文件-->      <script

2018-12-19 17:39:48

echarts 学习日志之堆叠柱状图对多数据进行统计并显示

工作中需要用到echarts,我也就利用时间学习了以下。在用堆叠柱状图显示多数据的和时,一直有些问题,我在网上查找了一些资料,和同事探讨了一下。一是在外面计算出总数并在series里面在建一个柱状图或者折线代表总数,但不显示出来(设置柱状图的颜色为白色);二是在series新建的{代表总数}进行编写,需要用到formatter,可参考其它博主的文章。functionzjqstc(){...

2018-12-19 17:29:01

cSS选取第几个标签元素:nth-child、first-child、last-child

 2017年03月20日22:03:34 猪脚踏浪 阅读数:31236更多个人分类: css版权声明:本文为博主原创文章,未经博主允许不得转载。https://blog.csdn.net/zsg88/article/details/641659931、first-childfirst-child表示选择列表中的第一个标签。代码如下:li:first-child{bac...

2018-12-13 10:51:26

bootstrap-select插件的使用

引入文件<linkhref="/bootstrap-select-1.12.4/dist/css/bootstrap-select.min.css"rel="stylesheet"/><scriptsrc="/bootstrap-select-1.12.4/dist/js/bootstrap-select.min.js"></script>h..

2018-09-29 15:10:43

关于js初始化函数比较

1.ready是等页面所有的dom节点加载完成,监听的是DomContentload事件。初始化并解析完成是触发,ready事件是页面中的所有DOM结构已完全加载时执行不需要等待样式表,图片和iframes加载完,也就是说当这个事件触发的时候,你就可以通过JS获取所有你html里的节点了。在大多数情况下,只要DOM结构已完全加载时,脚本就可以运行。传递处理函数给.ready(...

2018-08-20 10:41:13

flex的使用实例

1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐,方法有很多,但是在学习了flex布局之后,垂直居中更加容易实现HTML代码:<divclass="demo"><divclass="inner"><p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p></di

2018-08-16 14:45:18

echart 属性含义

//图表标题title:{  x:'left',        //水平安放位置,默认为左对齐,可选为:                //'center'¦'left'¦'right'                //¦{number}(x坐标,单位px)  y:'top',...

2018-08-16 10:04:37

图片居中的方法

<divclass=“box”>  <img/></div>水平居中的常用方式:  text-align:center——这可以实现子元素字体,图片的水平居中。  margin:0auto——这是针对块元素的水平居中方法垂直居中的常用方式:       vertical-align:middle;——这个垂直居中属性,只...

2018-08-13 16:10:50

div+css的padding和margin问题

 1:<div class="I_Top">    <div class="Top_Bg">黑色背景部分宽度为1004px;加上两边红色的边框宽度,整个是1006px</div></div>相应的css:.I_Top{width:100%;text-align:center;}.Top_Bg{width:1004px;border:...

2018-07-18 12:09:42

HTML5 移动页面自适应手机屏幕四类方法

1、使用meta标签:viewportH5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。viewport是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页...

2018-07-03 17:38:30

如何开发手机端网页,如何让网页自适应?

工具/原料一个浏览器方法/步骤先看一个简单的网页代码<html><head><metacharset="utf-8"/></head><body>hello我不是自适应网页</body></html>在PC电脑端的实现效果如图在移动端的实现效果如图很明显,当在移动端上显示时,它仍然是按照,p

2018-07-03 17:36:34

select 标签 默认样式在火狐和ie浏览器上下拉箭头难看!谷歌ok! 在网上找到的解决下拉箭头的样式

select{/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/border:solid1px#000;/*很关键:将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/...

2018-06-28 10:01:34

学后台做前端

关注
  • 中国