day4-day6案例练习代码总结
创始人
2024-06-03 08:43:25
0次

day4

1.取消超文本标签a的默认下划线以及改变颜色

			a{text-decoration: none;color: #9195a3;}

2.删除文本效果

			a{text-decoration: line-through;color: #9195a3;}

3.后代选择器

	


哈哈哈
呵呵呵

4.属性选择器

	


div元素1
div元素2
div元素3

5.(交/并)选择器组

		div.one{color: blue;}.one,.two{background-color: blueviolet;}


哈哈哈
呵呵呵
嘻嘻嘻
哈哈哈
呵呵呵

6.伪元素

		.box::after{content: "321";color: brown;}.box2::before{content: "789";color: blue;}


我是div元素
我是div元素

day5

1.默认继承(属性值为inherit)

	


我是p元素
我是div元素
我是span元素

2.css层叠

3.min-width与maxi-width

 4.边框圆角

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;
}

新人福利

5.案例1：小天才电话手表

注意虽然只有一部分的，但是要写规范，类名定义为.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元

6.案例2：b站视频

图片相对于外部div宽度是100%

7.案例3：美的空气炸锅

 

两行文本，超出部分用省略号隐藏

 overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;


Document

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：2020适合普通人创业的好项目 互联网迅速发展下 你能抓住机遇吗 2020大学生互联网100个创业项目 适合普通人创业的互联网项目

下一篇：华为OD机试 -日志采集系统（Java） | 机试题+算法思路+考点+代码解析 【2023】

相关内容

热门资讯

中证A500ETF摩根（560... 8月22日，截止午间收盘，中证A500ETF摩根（560530）涨1.19%，报1.106元，成交额...
A500ETF易方达（1593... 8月22日，截止午间收盘，A500ETF易方达（159361）涨1.28%，报1.104元，成交额1...
何小鹏斥资约2.5亿港元增持小... 每经记者｜孙磊    每经编辑｜裴健如 8月21日晚间，小鹏汽车发布公告称，公司联...
中证500ETF基金（1593... 8月22日，截止午间收盘，中证500ETF基金（159337）涨0.94%，报1.509元，成交额2...
中证A500ETF华安（159... 8月22日，截止午间收盘，中证A500ETF华安（159359）涨1.15%，报1.139元，成交额...
科创AIETF（588790）... 8月22日，截止午间收盘，科创AIETF（588790）涨4.83%，报0.760元，成交额6.98...
创业板50ETF嘉实（1593... 8月22日，截止午间收盘，创业板50ETF嘉实（159373）涨2.61%，报1.296元，成交额1...
港股异动丨航空股大幅走低 中国... 港股航空股大幅下跌，其中，中国国航跌近7%表现最弱，中国东方航空跌近5%，中国南方航空跌超3%，美兰...
电网设备ETF（159326）... 8月22日，截止午间收盘，电网设备ETF（159326）跌0.25%，报1.198元，成交额409....
红利ETF国企（530880）... 8月22日，截止午间收盘，红利ETF国企（530880）跌0.67%，报1.034元，成交额29.0...