css样式

最新推荐文章于 2023-08-05 00:00:00 发布

半夏鸭

最新推荐文章于 2023-08-05 00:00:00 发布

阅读量92

点赞数

本文链接：https://blog.csdn.net/qq_51091899/article/details/116303666

版权

本文介绍了HTML中不同类型的空格实体，如半角、全角和中文空格，以及它们在字体影响下的表现。此外，还讲解了如何去除谷歌浏览器的默认边框和元素样式，设置边框类型，以及输入框提示文字的样式。同时，文章提到了链接的五种状态及鼠标指针样式，并展示了将HTML结构转化为纯文本的方法。

摘要由CSDN通过智能技术生成

空格

  该空格占据宽度受字体影响明显而强烈一个英文字符大小的空格

&ensp; 就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响全角空格(一个中文大小的空格)

&emsp; 就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响半角空格(半个中文大小的空格)

去掉谷歌自带的边框

outline: none; 谷歌边框
border: none;

去掉li和a的默认样式

li{
list-style: none;
}
a{
text-decoration: none;
}

边框的线

dashed（虚线）| dotted（点线）| solid（实线）

input框里面的提示文字的样式

input::-webkit-input-placeholder{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #999999;
}
input::-moz-input-placeholder{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #999999;
}
input::-ms-input-placeholder{
font-size: 14px;
font-family: MicrosoftYaHei;
color: #999999;
}

鼠标点击的5种状态

  1、a:link{color:#fff} 未访问时的状态（鼠标点击前显示的状态）
  2、a:hover{color:#fff} 鼠标悬停时的状态
  3、a:visited{color:#fff} 已访问过的状态（鼠标点击后的状态）
  4、a:active{color:#fff} 鼠标点击时的状态
  5、a:focus{color:#fff} 点击后鼠标移开保持鼠标点击时的状态[获得焦点]（只有在<a href="#"></a>时标签中有效）

鼠标划上去变手型

cursor: pointer;

如何把html结构输出为纯文本的形式

转义 < (<) > (>)