HTML+CSS专场
Joy__Yue
这个作者很懒,什么都没留下…
展开
-
CSS 底部固定
底部固定的两种理解:1、无视content多高,footer始终固定在底部,随着浏览器窗口高度的减小会覆盖content内容;2、在意content高度,当浏览器窗口高度小于或等于content高度时,footer不去覆盖content。相应解决方案:1、footer固定定位:footer{ position: fixed; bottom: 0; left: 0; }2、foo...原创 2018-10-01 10:04:06 · 2171 阅读 · 0 评论 -
@media处理分辨率兼容性问题
web项目经常会接到兼容分辨率的需求,如何让页面随着分辨率的缩放而自适应,其中一个比较好的方法就是用CSS @media查询,根据不同屏幕尺寸设置不同样式,让页面自适应效果很好CSS @media:语法结构:@media screen and (max-width:300px){ //当屏幕宽度小于300px时,加载这里的样式}@media screen and (max-he...原创 2018-10-11 18:42:54 · 1524 阅读 · 0 评论 -
原生单选按钮样式更改遇到的问题
首先说明,这个单选按钮样式更改用到了elementUI的样式,项目引入element的样式包后,直接在相应的标签上加element定义好的class名,具体如何改的这里不作赘述(照着源码写就可以)。重点是遇到的问题:elementUI的单选按钮在选中后会加一个class名is-checked,这个class名决定了选中的样式,如下:自然而然想到在js中给单选按钮绑定点击事件,用addClas...原创 2018-10-31 19:06:22 · 414 阅读 · 0 评论 -
HTML5中section标签与content标签的区别
sectioncontentborder 1px solid #bbb原创 2018-11-06 19:40:42 · 7883 阅读 · 0 评论 -
如何改变hr标签的颜色
说到颜色变化,大家首先想到的都是color,但是color一般都是针对字体颜色的,线条需要用background-color,但是单纯的将背景色设为蓝色是不够的,线条还是灰色的,我们需要给线条一个高度,也就是我们需要的1px这样设置完后,在浏览器中可以看到线条变粗了,而且原来的灰色好像还是存在的其实,hr是有默认的border的,我们需要将它的边框去掉,设为border:none...原创 2018-11-06 19:45:59 · 27609 阅读 · 1 评论