随笔分类 -  HTML+CSS小技巧

清除浏览器默认样式
摘要：清除浏览器默认样式的原因 一、 某些标签的默认样式不符合我们的设计要求。比如说a标签，默认它是有一条下划线，并且字体颜色也让人觉得很难看，所以我们需要清除它默认的样式，同时根据要求给它重新添加自定义样式。如图是a标签的默认样式。 二、各浏览器默认的样式各不同，所以会影响到我们的开发，因为在每次开发之 阅读全文
posted @ 2019-07-16 18:13 C_XingM 阅读(3950) 评论(0) 推荐(0)
清除浮动
摘要：CSS样式中有浮动的情况下，一般都不希望正常的文档流显示的内容被盖住，所以有浮动的情况下，会紧跟着后面加一个div清除浮动。 阅读全文
posted @ 2019-07-16 17:06 C_XingM 阅读(426) 评论(0) 推荐(0)
绝对定位
摘要：1.直接给元素设置 position: absolute; 元素是相对于浏览器窗口进行定位。 2.父元素设置为 position: relative; 给子元素设置 position: absolute; 子元素就相对于父元素进行定位了。 如果不是父子级关系，其他元素为relative，那里面的ab 阅读全文
posted @ 2019-07-16 16:37 C_XingM 阅读(264) 评论(0) 推荐(0)
多个div并排不换行
摘要：1.所有div的父元素不换行 white-space: nowrap; 2.所有div设置为行内元素 display: inline-block; 基于java记账管理系统【尚学堂·百战程序员】 阅读全文
posted @ 2019-07-16 16:26 C_XingM 阅读(5724) 评论(0) 推荐(0)
常用伪类、伪元素选择器
摘要：伪类选择器 :link 未访问 :visited 已访问 :hover 鼠标悬停 :active 鼠标按下 :not(s) 匹配不含s选择器的元素 :frist-child 父元素的第一个元素 :last-child 父元素的最后一个元素 :only-child 父元素的唯一一个元素 :checke 阅读全文
posted @ 2019-07-15 22:26 C_XingM 阅读(6045) 评论(0) 推荐(1)
表格边框变单线
摘要：CSS样式设置 1.边框线合并 table{border-collapse：collapse；} 2.设置边框线 td,th{ border: 1px solid #000000;} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2019-07-15 15:29 C_XingM 阅读(691) 评论(0) 推荐(1)
列表去掉项目符号
摘要：1.ul{ list-style-type：none；} 阅读全文
posted @ 2019-07-15 15:12 C_XingM 阅读(1204) 评论(0) 推荐(0)
链接标签<a>去掉下划线
摘要：1.去掉下划线 text-decoration：none； 阅读全文
posted @ 2019-07-15 14:55 C_XingM 阅读(910) 评论(0) 推荐(0)
文本溢出省略号显示
摘要：1.文本不换行 white-space：nowrap； 2.文本溢出隐藏 overflow：hidden； 3.文字溢出省略号显示 text-overflow：ellipsis； 阅读全文
posted @ 2019-07-15 14:52 C_XingM 阅读(521) 评论(0) 推荐(0)