哪里去掉a标签的下划线和变色（网页设计边框斜线）

日期：2023-10-06 19:27

1. CSS样式初始化

不同的浏览器对于某些HTML标签属性有不同的默认值。为了消除这种差异，需要对CSS进行初始化，即通过设置样式及其属性值，替换浏览器的默认属性值。

2。京东首页CSS初始化

（一）CSS初始化样式引入方法

通过引入外部样式表来初始化CSS

(2)相关代码解释

/* 京东CSS初始化 */
/* * 为通配符，表示所有html标签 */
* {
保证金：0； /* 标签边距为0*/
填充：0； /* 标签内边距为0*/
}
/* em，我代表斜体标签 */
嗯，
我 {
字体样式：正常； /* 表示标签中的内容不为斜体*/
}
/* li 代表列表标签 */
李{
列表样式：无； /* 表示去掉列表的样式，如前面的点等 */
}
/* img 代表图像标签 */
图像{
边框：0； /* 下面两句表示图像与同级内联元素中间对齐*/
垂直对齐：居中；
}
/* 按钮代表按钮标签 */
按钮 {光标：指针； /* 代表鼠标样式小手 */
}
/* a代表超链接标签 */
A {
颜色：#666；
文本装饰：无； /* 表示去掉超链接的下划线 */
}
/* a:hover 表示a标签的动态伪类选择器 */
一个：悬停{
颜色：#c81623； /* 表示当鼠标悬停在超链接上时，会变成红色 */
}
/*button和input分别代表按钮标签和表单输入标签*/
按钮，
输入 {
/* 设置默认字体，包括unicode编码字体 */
字体系列：Microsoft YaHei、Heiti SC、tahoma、arial、Hiragino Sans GB、
“5B8B4F53”，无衬线；
}
/* body代表body标签*/
身体 {
/* css3属性(-webkit-font-smoothing)字体抗锯齿渲染，字体更平滑 */
-webkit-font-smoothing：抗锯齿；
背景颜色：#fff；
字体：12px/1.5 Microsoft YaHei、Heiti SC、tahoma、arial、
Hiragino Sans GB，“5B8B4F53”，无衬线体；
颜色：#666；
}
/* 表示class属性值包含hide或none时的样式 */
。隐藏，
。没有任何 {
显示：无； /*表示隐藏元素，元素空间可以被其他元素使用*/
}
/* 表示用于清除浮动的伪元素选择器*/
.clearfix:之后{
可见性：隐藏； /* 必要的固定设置以保证兼容性*/
明确：两者； /* 清除浮动必要的固定设置*/
显示：块； /* 清除必要的浮动和固定设置*/
内容： ”。”; /* 清除浮动必要的固定设置*/
高度：0； /* 可选的固定设置 */
}.clearfix {
/* 这是针对 IE6/7 的，因为 IE6/7 不支持 :after 伪类，
允许 IE6/7 元素清除浮动以包裹内部元素。 */
*缩放：1；
}

3。淘宝首页CSS初始化

（一）CSS初始化样式引入方法

使用内部样式进行 CSS 初始化

(2)相关代码解释

淘宝在初始化CSS样式时，并没有使用通配符*来设置标签的内外边距，而是将具体的标签列在一起。根据网上资料，通配符*很容易写，但在大型网站中，所有标签都会被初始化，这会增加网站的负载，使网站加载变慢。当然，京东应该进行优化，否则网站体验会很差。

/* 淘宝CSS初始化 */
/* 将标签的内外边距设置为0 */
块引用，
身体，
按钮，
DD，
DL,
德特，
字段集，
形式，
h1,
小时2,
小时3，
小时4,
小时5,
小时6,
小时，
输入，
传奇，
李，
哦，
p,
预,
道明，
文本区域，
日，
ul {
保证金：0；
填充：0；
}
/* 设置字体大小、行高和默认字体 */
身体，
按钮，
输入，
选择，
文本区域{
字体：12px/1.5 tahoma、arial、“Hiragino Sans GB”、“5b8b4f53”、sans-serif；
}
/* 字体大小与body中设置的一致 */
h1,
小时2,
小时3，
小时4,
小时5，
h6 {
字体大小：100%；
}
/* 字体不显示为斜体 */
地址，
引用，
dfn,
嗯，
变量{
字体样式：正常；}
/* 设置默认字体 */
代码，
KBD,
预,
样本 {
字体系列：courier new、courier、等宽字体；
}
/* 设置标签的字体大小为小 */
小的 {
字体大小：12px；
}
/* 删除字体列表样式 */
哦，
ul {
列表样式：无；
}
/* 去掉a标签的下划线 */
A {
文本装饰：无；
}
/* 设置动态伪类选择器，当鼠标悬停在其上时显示下划线 */
一个：悬停{
文本装饰：下划线；
}
/* 设置垂直对齐方式，在右上角 */
sup{
垂直对齐：文本顶部；
}
/* 设置垂直对齐方式，右下角 */
子{
垂直对齐：文本底部；
}
传奇 {
颜色：#000；
}
字段集，
图像{
边框：0；
}
按钮，
输入，
选择，
文本区域{
字体大小：100%；
}
按钮 {
边界半径：0；
}
/* 设置表相邻边框融合 */
桌子 {
边界崩溃：崩溃；
边框间距：0；
}

4。寻找CSS样式初始化代码技巧

通常CSS初始化代码包含padding:0和margin:0代码，即设置内边距和外边距为0；当你找到这段代码时，你通常会找到CSS样式初始化代码的开头。

最近发表

猜你喜欢

哪里去掉a标签的下划线和变色（网页设计边框斜线）

1. CSS样式初始化

2。京东首页CSS初始化

3。淘宝首页CSS初始化

4。寻找CSS样式初始化代码技巧

相关文章