随笔分类 -  CSS

css的position中absolute和fixed的区别
摘要:fixed:固定定位 absolute:绝对定位 区别很简单: 1、没有滚动条的情况下没有差异 2、在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动 常用场合: 1.fixed常用于网站边缘的公司联系方式和快速回到顶部 2.absolute常用于页面 、、 阅读全文

posted @ 2019-02-22 14:17 小甜瓜安东泥 编辑

html css的内联样式 内部样式表 外部样式表的优先级
摘要:http://www.w3school.com.cn/html/html_css.asp 这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式,但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。 其实总结来说,就是--就近原则(离被设置元素越近优先级别越高) 阅读全文

posted @ 2018-12-18 10:20 小甜瓜安东泥 编辑

jquery如何让checkbox如何取消勾选
摘要:1、取消勾选 阅读全文

posted @ 2018-12-11 17:25 小甜瓜安东泥 编辑

原生js实现简单移动端轮播图
摘要:1、代码部分 分为四个文件: slideshow.html slideshow.css base.js slideshow.js 1.1、slideshow.html 1.2、slideshow.css 1.3、base.js 1.4、slideshow.js 2、效果 阅读全文

posted @ 2018-11-26 13:50 小甜瓜安东泥 编辑

html、css如何画实心圆
摘要:css3画实心圆 实现方法相当简单,css代码如下: .circle{ width:100px; height:100px; border-radius:50px; /* 图形的半径 */ } .circle{ width:100px; height:100px; border-radius:50p 阅读全文

posted @ 2018-11-19 17:32 小甜瓜安东泥 编辑

css如何设置label的字间距
摘要:css、html如何设置label的字间距 .myClass label{ letter-spacing: 10px; } 如果label需要居中,需加上 阅读全文

posted @ 2018-11-13 11:08 小甜瓜安东泥 编辑

如何使用Jquery 引入css文件
摘要:如何使用Jquery 引入css文件:$("head").append("<link>");var toolbarCss = $("head").children(":last");toolbarCss.attr({ rel: "stylesheet", type: "text/css", href 阅读全文

posted @ 2018-11-09 14:56 小甜瓜安东泥 编辑

html如何绘制带尖角(三角)的矩形
摘要:结合实际情况自己写的: 摘要:网上有很多html+css制作带三角的矩形的方法,我在这里列举其中一种,兼容bootstrap3。我们先来看一个三角在左边的对话框的效果图矩形就不必说了,矩形的border-radius也不用说了,圆角可以自己设置,可以直接用bootstrap中的类。下面说下矩形左边的 阅读全文

posted @ 2018-11-08 16:45 小甜瓜安东泥 编辑

让HTML标签、DIV、SPAN拥有focus事件和blur事件,聚焦和失焦
摘要:DIV和其他普通标签是不具有onfocus和onblur事件的。INPUT和A标签为什么拥有?而DIV和SPAN等普通标签却没有?有时候我们习惯性用键盘的TAB来移动光标,仔细看你会发现,光标只在INPUT和A上跳转。因为INPUT和A标签具备TAB属性。我们只需要给DIV或者SPAN等普通标签创建 阅读全文

posted @ 2018-11-08 15:54 小甜瓜安东泥 编辑

HTML中块级元素与内联元素有什么区别 ?
摘要:块级元素:默认宽度是100%(继承自父元素),如果块对象没有采用“float:left”或“float:right;”的样式,相邻的两个块对象就会分排在不同的两行上。例如,div, p, h1, form, ul 是块元素的例子。 内联元素:宽度取决于其内部元素的宽度(width)与填充(paddi 阅读全文

posted @ 2018-11-08 09:47 小甜瓜安东泥 编辑

html如何让label在div中的垂直方向居中显示?
摘要:设置label的行高 和div的高度一致即可。 阅读全文

posted @ 2018-11-05 11:43 小甜瓜安东泥 编辑

position fixed 居中
摘要:#name{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1000; } 、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、 通常情况下,我们通过操作margin来控制元素居中, 阅读全文

posted @ 2018-10-30 15:46 小甜瓜安东泥 编辑

html如何给图片加角标
摘要:https://segmentfault.com/q/1010000006551803?_ea=1074082 <html><style> #a1 { width: 200px; height: 200px; background-color: #333; color: #fff; position 阅读全文

posted @ 2018-10-24 16:07 小甜瓜安东泥 编辑

css如何设置div中的内容垂直居中?
摘要:#name{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);} 阅读全文

posted @ 2018-10-23 14:38 小甜瓜安东泥 编辑

css的border的solid
摘要:上边框是点状 右边框是实线 下边框是双线 左边框是虚线 <html><head><style type="text/css">p.dotted {border-style:dotted solid double dashed; }p.dashed {border-style: dashed}p.so 阅读全文

posted @ 2018-10-19 11:00 小甜瓜安东泥 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示