![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
花名时礼
不要同情自己
展开
-
【css】padding 和 margin的区别
css中有有一对经常是一起出现的属性:padding和margin,接下来我们以一个例子来看一下两个属性的作用及其区别。实例演示:使用属性前:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>paddingTest</title></head><style> .cl.原创 2020-08-07 10:39:40 · 2870 阅读 · 0 评论 -
【css】如何使光标移动到某个区域后改变形状
问题描述:当光标移动到页面的某个位置的时候需要使其改变形状,如变成一个伸出食指的小手等等。解决方法:使用到css中的cursor属性代码实现(以伸出食指的小手为例):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>cursorTest</title></head><style&.原创 2020-08-04 13:51:07 · 1695 阅读 · 0 评论 -
【css】如何使页面压缩时文本内容不换行
问题描述:当页面变小时,有些情况下会出现下图所示的情况,即文本自动换行页面变小前:变小后:解决方法:使用CSS添加一个控制语句.fence_control{ white-space: nowrap;}并在文本所在的标签属性中添加该控制<a class="nav-link fence_control" href="HtmlOfIndex/Map.html" target="CenterOfHtml">统计分析</a>问题解决:.原创 2020-08-03 10:05:18 · 3308 阅读 · 0 评论 -
【css】页面出现两个滚动条以及只有一半页面显示内容的解决方法
可能当修改页面的margin等属性时会出现页面只有一半的页面显示内容的情况,此时我们可以修改css代码来解决问题代码实现:body{overflow:hidden}html{/*overflow-y:scroll;*/ }html{overflow: auto; }注意:该代码为css代码,需要放到sytle属性当中。分析:博主暂时没有搞清楚出现这种情况的原因,今天写前端代码的时候修改了一下一个标签的margin属性,然后就出现了页面只有上半部分显示内容的情况,当时写的内容也没有原创 2020-07-08 14:20:05 · 4395 阅读 · 1 评论