首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaWeb02-CSS,JS(Java真正的全栈开发)

CSS 表格属性可以帮助您极大地改善表格的外观 常用属性: border-collapse:定义是否把表格边框合并为单一的边框。...常用值:collapse,separate border-spacing:定义分隔单元格边框的距离 caption-side:定义表格标题的位置常用值:top,bottom 轮廓 轮廓(outline...分类 CSS 分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。...外边距 围绕在元素边框的空白区域是外边距。设置外边距会在元素创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位、百分数值甚至负值。...-Infinity -Infinity,结果为 -Infinity。 Infinity -Infinity,结果为 NaN。 +0 +0,结果为 +0。

2.5K150

Java学习笔记-全栈-web开发-02-css必备基础

注意: 如果值为若干单词,则要给值引号 多个声明之间使用分号(;)分开 css对大小写不敏感,如果涉及到与html文档一起使用时,class与id名称对大小写敏感 3. 值的单位 ? ? 4....5.2 类选择器 类选择器使用时,需要在类名前一个点号(.) 项目中,绝大部都是用类选择器排版。 ? 5.3 元素选择器 文档中的元素就是选择器 ? 5.4 属性选择器 ?...5.6 表格 CSS 表格属性可以帮助您极大地改善表格的外观 常用属性: border-collapse:定义是否把表格边框合并为单一的边框。...border-spacing:定义分隔单元格边框的距离 caption-side:定义表格标题的位置【top,bottom】 ? ?...6.2 外边距 围绕在元素边框的空白区域是外边距。设置外边距会在元素创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位、百分数值甚至负值。

1.7K30

Web前端上万字的知识总结

下面是自己学HTML+DIV+CSS+JS时的学习笔记,给大家分享以下,相互学习。大二时候寒假在家无聊的时候想做点事,总结了一下web前端基础的东西,下面的每个字都是自己手敲的。   ...       border       height      width      cellpadding(单元格边距) cellspacing(单元格间距)        nowrap     frame(表格边框的可见方式...)          rules(行列之间边的可见方式)       summary(整个表格的概要描述)   Frame的属性值:     Above 显示上边框        below显示下边框                ...outset边框嵌一个立体边框   (5)、方框属性:     Float 让文字环绕在元素四周     clear指定在某一元素的某一边是否允许有环绕的文字和对象  clip限定只显示裁切     ...   circle 空心圆   square 实心方块  decimal  阿拉伯数字       Lower-roman  小写罗马数字   upper-roman 大写罗马数字   lower-alpha

3.6K100

后盾人教程_最专业的后盾

标签 一般用的少 二 类选择器: .success:class属性为success的标签 三 ID选择器: #content :id属性为content的标签 id属性不仅给css用,也给js...class权重 id权重:100 class权重:10 二 权重计算 同类权重,后出现的覆盖前面的 标签/伪元素:1 属性权重:10 行内:1000 三 强制权重优先级 对属性的配置里后!...字符间距 word-spacing:单词间距 排版方向:writing-mode指定从哪里开始写 word的排版基本都可以实现 CSS3 盒子模型全面掌握 指定顺序:上右下左 auto:自动值 距...对齐:文本用文本对齐,表格用块对齐方式 表格颜色:与div差不多 表格背景:与div差不多 细线表格:border-collapse,设置collapse 间距:border-spacing...空白单元格:empty-cells:可以是hide 细线无边框:table标签的border:none 数据表格:tr:hover,鼠标放在表格上,cursor:pointer,鼠标形状 列表符号

97220

web前端基础知识总结

bordercolordark border height width cellpadding(单元格边距) cellspacing(单元格间距) nowrap frame(表格边框的可见方式) rules...(行列之间边的可见方式) summary(整个表格的概要描述) Frame的属性值: Above 显示上边框 below显示下边框 border 边框全显示 hside显示上下边框 vside显示左右边框...边框嵌一个立体边框 (5)、方框属性: Float 让文字环绕在元素四周     clear指定在某一元素的某一边是否允许有环绕的文字和对象  clip限定只显示裁切 出来的区域 width设定对象的宽度...   circle 空心圆   square 实心方块  decimal  阿拉伯数字 Lower-roman  小写罗马数字   upper-roman 大写罗马数字   lower-alpha...在页面中加入Javascript脚本 (1)、用标签实现 属性: charset编码脚本程序的字符集 language 脚本语言 src 包含脚本程序的URL type脚本类型 (2)、js

3.8K60

【BootStrap】简单聊一聊CSS全局样式和表格样式-附有源码

/jquery.slim.min.js" > <script type="text/javascript" src="bootstrap3/<em>js</em>/bootstrap.min.<em>js</em>...在BootStrap中,我们只需要在ul上<em>加</em>一个class就可以解决这个问题。 在这里,我发现BootStrap4不支持ul在一行显示,也就是添加class=”list-inline”是无效的。...3、.table-bordered:带<em>边框</em>的<em>表格</em> ... ?...7、响应式<em>表格</em>: 将.table元素包裹在.table-responsive元素内,即可创建响应式<em>表格</em> 当屏幕宽度小于768px时,<em>表格</em>会出现滚动条。...当屏幕宽度大于768px时,<em>表格</em>的滚动条自然消失。 也就是在table标签<em>外</em>再创一个div标签,div的class设置为table-responsive即可。

3.2K10

【分享干货】做网页设计的常用css代码大全

padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left...注意:这个滤镜必须配合JS建立图片序列,才能做出图片间效果。 3.Blru:建立模糊效果 Blur(Add=?, Direction=?, Strength=?)...6.FlipH:将元素水平反转 7.FlipV:将元素垂直反转 8.Glow:建立发光效效果 Glow(Color=?, Strength=?) Color:是指定发光的颜色。...Light:放置光源的效果,可以用来模拟光源在物体上的投影效果 注意:此效果需要用JS设置光的位置和强度。 12.  Mask:建立透明遮罩 Mask(Color=?)...Xray:显现图片的轮廓,X光片效果 注意:在使用CSS滤镜时,必须使用在有区域的元素,比如表格,图片等。

3.8K10

表格技术七十二变|手把手教你用Canvas电子表格做电子签名

看到这里,有些小伙伴可能会说这有什么难的,虽然这个东西长相酷似word, 但不就是电子表格去掉边框线吗? ? 如果只是简单的表格框内容,下段代码就可以简单的实现表格的绘制。 <!...在这个合同中,我们除了要隐藏边框线,还要考虑边缘留白、图片跨越、页面滚动后截图不全等问题。 而借助电子表格在数据处理和分析方面天生具备的优势,可以很容易的实现电子签名功能。...Esign.js是一种用鼠标在canvas上绘制的画法。...isUndo) { var Commands = GC.Spread.Sheets.Commands; // 在此cmd...style.display = "none"; } setTimeout(tishi,100) 将电子签名导出PDF 上面已经实现了电子签名内容,但是我们都知道合同需要有打印输出功能,接下来我们继续介绍如何使用

2.1K20

HTML+CSS高级

1.1     它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。...separate | inherit ];     //合并表格边框,单边框(table上写样式)      3、单元格合并           3.1     colspan: num;     合并列...1.2.1     父元素浮动,但表现的需要是子元素,此时父元素浮动不生效。                     ...1.1     它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。...separate | inherit ];     //合并表格边框,单边框(table上写样式)      3、单元格合并           3.1     colspan: num;     合并列

5.8K61

HTML---网页编程(1)

前 言 HTML需要和CSS还有JS一起用,才能提现强大。 所以,学了HTML。...最好去学学CSS还有JS(JavaScript) ☆静态页面和动态页面 网站页面分为静态页面和动态页面两种 • 静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器...☆如何编写一个HTML文件 HTML文件是一个ASCII格式的文件。它可以在任何一种可以编辑ASCII文件的编辑器中编辑(如果HTML文件中包含汉字,则要在支持汉字的编辑器中编辑)。...如表示表格是有表格线的,border的线宽默认为1。 没有写border则表示表格是没有表格线的。一般用来设置“有线表格”和边框宽度。...n是一个具体的数字,用来指定宽度的大小,单位是“像素”,默认为没有边框。当n为0时,也没有边框

1.8K10

网页中Office和pdf相关文件导出

然后你会遇到表格间距不一样的问题,我是这么解决的,每次我只画表格最小单元的左边框和上边框,那么到最后它是不是就剩下最大的那个表格的右边框和下边框,这样子就解决了。...那要不卑微码农屈服下吧,去学下table元素的表格布局。...但是这个效果显然是不理想的,咦,边框404了。...我们要实现这样一个效果,可以导出xls、xlsx、csv、xml、txt、json、sql文件格式的功能,这里我分别准备了三个测试用例,复杂表格、中文表格、英文表格,如下: ?...既然是这样,那大概是两种思路,第一种,延迟(治标不治本,万一文件很大凉凉), 第二种,重置截图位置(友好一点,截图完给它复原下) 我们双管齐下,翻到源码913行 setTimeout(() =>

9K10
领券