wzndkj - 博客园

2019年2月2日

摘要： 1、css样式(选择器)的优先级 1）计算权重确定 2）!important优先级最高，能覆盖它就再写个!important 3) 内联样式优先级也比较高 4）后写的优先级高 <style> .hahha { color: green !important; } </style> <body> < 阅读全文

posted @ 2019-02-02 17:42 wzndkj 阅读(182) 评论(0) 推荐(0) 编辑

hack-checkbox

摘要： checkbox选择按钮要用我们自己的样式，看到这个的时候，很可能会以为需要checkbox才能实现，用css可能很难。其实狠简单。 <style> .checkbox input{ display: none; } .checkbox input + label { background: url 阅读全文

posted @ 2019-02-02 17:11 wzndkj 阅读(254) 评论(0) 推荐(0) 编辑

装饰性属性

摘要：字重（粗体） font-weight 斜体 font-style:itatic itatic跟意大利很像，最早是来自于意大利下划线 text-decoration 用的比较多的是text-decoration:none 指针 cursor 用的比较多的是cursor:none font-weigh 阅读全文

posted @ 2019-02-02 14:51 wzndkj 阅读(206) 评论(0) 推荐(0) 编辑

2019年1月29日

文本折行

摘要：文字折行跟滚动相似的地方就是显示不下。 overflow-wrap(word-wrap) 通用换行控制，以前用的是word-wrap，但是跟word-break太相似了，所以在新的规范中进行了修改－是否保留单词 word-break 针对多字节文字－中文句子也是单词 white-space 空白阅读全文

posted @ 2019-01-29 07:02 wzndkj 阅读(459) 评论(0) 推荐(0) 编辑

滚动

摘要：滚动行为和滚动条 visible 滚动条隐藏（内容显示出来，撑出容器） hidden 滚动条隐藏（超出容器的部分进行隐藏） scroll 滚动条显示（超出容器后，可以允许用户进行滚动） auto 滚动条自动显示（也是超出容器后，可以进行滚动，scroll是滚动条始终存在，auto是需要滚动的时候阅读全文

posted @ 2019-01-29 06:35 wzndkj 阅读(241) 评论(0) 推荐(0) 编辑

2019年1月28日

边框

摘要：一、为何border-width不支持百分比值个人理解，border-width是根据语义和使用场景决定的。不会因为设备大就按比例变大的。 border-width还支持关键字：thin 1px,medium(默认值) 3px,think 5px 为何border-width默认值是mediu 阅读全文

posted @ 2019-01-28 06:59 wzndkj 阅读(224) 评论(0) 推荐(0) 编辑

2019年1月24日

背景

摘要： 1、背景颜色 2、渐变色背景 3、多背景叠加 4、背景图片和属性（雪碧图） 5、base64和性能优化 6、多分辨率适配 1、背景颜色 1）直接用颜色名或颜色值 background: red; 2）hsl(色相，饱和度，亮度) 色相是0到360的角度。饱和度是0到100%。亮度100%是白色，0是阅读全文

posted @ 2019-01-24 11:06 wzndkj 阅读(236) 评论(0) 推荐(0) 编辑

2019年1月21日

行高 line-height

摘要：一、行高的定义 line-height(行高)：两行文字基线之间的距离 1、什么是基线？ 2、为何是基线？ 3、需要两行吗？ 1、什么是基线？我们上学的时候都用过，抄写英文字母的时候。其中有一条红线，这个红线就是基线，是为了写英文的时候对齐用的。 2、为何是基线？为什么不是底线，不是中线呢？因为阅读全文

posted @ 2019-01-21 06:56 wzndkj 阅读(559) 评论(0) 推荐(0) 编辑

2019年1月17日

css 字体

摘要： 1、字体族字体是一推的东西，字体族就是一堆的字体，具体可以分为5个字体族－ serif sans-serif monospace cursive fantasy serif 衬线字体，就是字体周围会一些装饰性，像衬衫一样，顶部或底部会有多出来的短线，比如宋体 sans-serif 非衬线字体，它阅读全文

posted @ 2019-01-17 07:04 wzndkj 阅读(252) 评论(0) 推荐(0) 编辑

2019年1月16日

css选择器

摘要： CSS ( Cascading Style Sheet 层叠样式表) 什么叫层叠呢？比如 { padding: 10px; font-size: 14px; background: red; } { font-size: 20px; background: red; } { background: 阅读全文

posted @ 2019-01-16 06:59 wzndkj 阅读(130) 评论(0) 推荐(0) 编辑

Zina

不积跬步，无以至千里