a{text-decoration: none;color: #9195a3;}
a{text-decoration: line-through;color: #9195a3;}
哈哈哈呵呵呵
div元素1div元素2div元素3
div.one{color: blue;}.one,.two{background-color: blueviolet;}
哈哈哈呵呵呵嘻嘻嘻
哈哈哈呵呵呵
.box::after{content: "321";color: brown;}.box2::before{content: "789";color: blue;}
我是div元素我是div元素
我是p元素
我是div元素我是span元素
a{display: inline-block;width: 70px;height: 25px;text-decoration: none;font-size: 12px;border-radius: 13px;text-align: center;line-height: 25px;
}
.new
{background-color: #e1251b;color: #fff;
}.vip
{background-color: #363634;color: #e5d790;
}
新人福利
注意虽然只有一部分的,但是要写规范,类名定义为.mi,所有的都使用.mi+具体值选择
让a标签内部的图片居中,需要在具体的a标签内写入:text-align: center;而不是在img标签内
目前的主要问题:忘记写margin与padding
/* 文本超出一行时,多余显示...方法 */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
Redmi 手表
35g超轻/1.4"大屏/多功能NFC/7天长续航
299元
图片相对于外部div宽度是100%
两行文本,超出部分用省略号隐藏
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
Document