最近在弄discuz论坛，因为discuz在国内主流搜索引擎特友好，所以想改做discuz。下面就来分享一下我最近遇到的对于不同版块想要显示不同尺寸的主题列表封面的问题的解决方法： 第一步，我们先在...

<style> * { box-sizing:border-box; } body { margin:0; padding:0; background-image:url(ydrzimages/p3.jpg); font-weight:500; font-family:'Microsoft YaHei','宋体','Segoe UI','Lu...

使用align-items:center和justify-content:center都可以让元素居中显示，值得注意的是，居中样式需放在整个样式的最前位置才能生效，我试过加上!important优先显示可不行。 .xg-list{ display: ...

查看xulgrbtn样式 样式对应代码 纯色按钮 <a class='xulgrbtn'>紫色</a> <a class='xulgrbtn xulgrbtn-lb'>蓝色</a> <a class='xulgrbtn xulgrbtn-hb'>红色</...

网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...

<style> body{ background-color:#000; } .xulgr-table{ width:100%; height:100%; border:0; text-align:center; cellpadding:0; cellspacing:0; }.xulgr-table td{ text-align:center; ...

进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义，比如没有滚动到设置的元素时，样式的宽度是100px，然后当用户滚动屏幕到设置的元素时，设置的元素就可以又以另一种自定义样式悬浮...

今天刚帮客户写了个CSS动画效果样式，具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...

直接上例子，每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...

<style> /*设置了高度，可以上下滚动*/ body { height: 1800px; background:#dddddd; } /*div通用样式*/ div{ background: #1a59b7; color:#ffffff; overflow: hidden; z-index: 9999; po...