111

.idea/vcs.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$/ext ironing/myteam" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

.idea/workspace.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="5d66d739-0810-4bfa-9039-29f5df43a961" name="更改" comment="111">
+      <change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/.idea/.gitignore" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/.idea/modules.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/.idea/webcodegit.iml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/689d1554-9651-4cfe-9f2b-49c815ed30e1.webp" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/main.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/taobao.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/exercise/taobao.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/ext ironing/member home page.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/ext ironing/memberhomepage.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/ext ironing/myteam" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/ext ironing/reset.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/ext ironing/u=2662935961,3025118511&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=JPEG.webp" afterDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="HTML File" />
+        <option value="CSS File" />
+      </list>
+    </option>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="GitLabMergeRequestsSettings"><![CDATA[{
+  "selectedUrlAndAccountId": {
+    "first": "https://git.cardiff.ac.uk/c23096663/myteam.git",
+    "second": "e7ab46ee-4d9f-4595-99aa-40fd7f0f73ea"
+  }
+}]]></component>
+  <component name="HighlightingSettingsPerFile">
+    <setting file="file://$PROJECT_DIR$/taobao.css" root0="SKIP_INSPECTION" />
+  </component>
+  <component name="ProblemsViewState">
+    <option name="selectedTabId" value="CurrentFile" />
+  </component>
+  <component name="ProjectColorInfo">{
+  &quot;customColor&quot;: &quot;&quot;,
+  &quot;associatedIndex&quot;: 2
+}</component>
+  <component name="ProjectId" id="2n9vFIcqLQEzYXTxQpXrDWmYddj" />
+  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "DefaultHtmlFileTemplate": "HTML File",
+    "JavaScript 调试.member home page.html.executor": "Run",
+    "JavaScript 调试.taobao.html.executor": "Run",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "git-widget-placeholder": "master",
+    "last_opened_file_path": "D:/webcodegit",
+    "list.type.of.created.stylesheet": "CSS",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "settings.editor.selected.configurable": "vcs.Git",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-d6986cc7102b-5c90d61e3bab-JavaScript-WS-242.23339.15" />
+      </set>
+    </attachedChunks>
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="应用程序级" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="默认任务">
+      <changelist id="5d66d739-0810-4bfa-9039-29f5df43a961" name="更改" comment="" />
+      <created>1728398002254</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1728398002254</updated>
+      <workItem from="1728398003914" duration="4894000" />
+      <workItem from="1728550406289" duration="9302000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+  <component name="VcsManagerConfiguration">
+    <MESSAGE value="111" />
+    <option name="LAST_COMMIT_MESSAGE" value="111" />
+  </component>
+</project>
\ No newline at end of file

exercise/.idea/.gitignore

+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/

exercise/.idea/modules.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/webcodegit.iml" filepath="$PROJECT_DIR$/.idea/webcodegit.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file

exercise/.idea/webcodegit.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

exercise/main.css

+.header{
+    /*设置容器的大小，然后让容器内的图片不会超出去*/
+    border-color: black;/*可视化边框范围用*/
+    border-style: solid;
+    width: 100%;
+    height: 120px;
+    overflow: hidden;
+    /*图片超出容器的部分隐藏掉  */
+    position: relative;
+   /*这个postion是用于规范，因为img的header的子类，子类的position写的absolute是相对于父类的absolute，规范写法需要加上*/
+
+
+}
+/*将图片按照容器的大小进行适配，统一高度并居中*/
+.header img{
+    height: 120px;
+   position: absolute;
+    /*设置图片是绝对位置，并且是绝对是从容器的左一半的位置开始显示*/
+    left: 50%;
+    transform: translateX(-50%);
+    transform是移动属性，X轴移动-50% 也就是向左移动一半的距离，这样就一定是居中显示的图片
+
+}
\ No newline at end of file

exercise/taobao.css

+body,divdl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
+body{text-align:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
+li{ list-style:none}
+a{ text-decoration:none}
+img{border:none;}
+

exercise/taobao.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>小米</title>
+    <link rel="stylesheet" href="taobao.css">
+    <link rel="stylesheet" href="main.css">
+</head>
+
+<body>
+<!--顶部栏-->
+<div class="header">
+    <a href="https://www.dota2.com/home">
+        <img src="689d1554-9651-4cfe-9f2b-49c815ed30e1.webp" alt="dota2">
+    </a>
+</div>
+
+</body>
+</html>
\ No newline at end of file

ext ironing/member home page.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>member information</title>
+  <link rel="stylesheet" href="memberhomepage.css">
+  <link rel="stylesheet" href="reset.css">
+</head>
+<body>
+<div class="top safe">
+  <!-- title -->
+  <div class="title left">
+    <h1>Extreme Ironing</h1>
+  </div>
+  <div class="saying left">
+    <img src="../image/l.gif" alt="渐变竖线">
+
+  </div>
+  <div class="saying2 left">
+    <p>Extreme ironing (also called EI) is an extreme sport in which people take ironing boards to remote
+      locations and iron items of clothing. </p>
+  </div>
+
+  <!-- nav -->
+  <div class="nav1 right">
+    <ul>
+      <li>index</li>
+      <li>about us</li>
+      <li>news</li>
+      <li>order us</li>
+      <li>contact us</li>
+      <li>ask us</li>
+      <li>contact us</li>
+    </ul>
+  </div>
+</div>
+
+<div class="profile">
+  <img src="u=2662935961,3025118511&fm=253&fmt=auto&app=138&f=JPEG.webp" alt="member photo">
+  <h3>hahaha haha</h3>
+  <br>
+  <p>love ext. ironing</p>
+  </div>
+<div class="information">
+  <h2>main information</h2>
+  <div class="content">
+    <p>
+      &nbsp;&nbsp;&nbsp;&nbsp;I love ext,ironing, Extreme ironing (also called EI) is an extreme sport in which people take ironing boards to remote locations and iron items of clothing. According to the Extreme Ironing Bureau, extreme ironing is "the latest dangerous sport that combines the thrills of an extreme outdoor activity with the satisfaction of a well-pressed shirt."
+
+      Part of the attraction and interest the media has shown towards extreme ironing seems to center on the issue of whether it is really a sport or not. It is widely considered to be tongue-in-cheek.
+
+      Some locations where such performances have taken place include a mountainside of a difficult climb; a forest; in a canoe; while skiing or snowboarding; on top of large bronze statues; in the middle of a street; underwater; in the middle of the M1 motorway; in a keirin cycle race; while parachuting; and under the ice sheet of a frozen lake. The performances have been conducted solo or by groups.
+    </p>
+
+  </div>
+
+</div>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
\ No newline at end of file

ext ironing/memberhomepage.css

+.top {
+    background: #fefefe;
+}
+
+.title {
+    width: 130px;
+    height: 75px;
+    margin: 23px 0;
+    background-color: #f75a53;
+    color: yellow;
+}
+
+.saying img {
+    margin: 36px 24px 33px 39px;
+}
+
+.saying2 {
+    width: 300px;
+    height: 39px;
+    margin-top: 20px;
+}
+
+.saying2 p {
+    font-size: 14px;
+    color: #989a99;
+    font-style: italic;
+    line-height: 2;
+}
+
+.nav1 li {
+    padding: 30px 16px;
+    color: #000100;
+    float: left;
+    margin-top: 30px;
+}
+
+.nav1 li:hover {
+    background-color: #f75a53;
+    color: #fdfde3;
+}
+
+.profile{
+    border: 1px solid #000100;
+    width: 200px;
+    height: 350px;
+    position: relative;
+    top:200px;
+    left:150px;
+
+}
+.profile img{
+    position: absolute;
+    width: 100%;
+    height: auto;
+    left:1px;
+
+
+}
+.profile h3{
+    position: relative;
+    left: 20px;
+    top: 150px;
+}
+.profile p{
+    position: relative;
+    left: 20px;
+    top: 150px;
+}
+.information{
+    border: 1px solid #000100;
+    width: 1000px;
+    height: 600px;
+    position: relative;
+    top:-152px;
+    left:350px;
+
+}
+.content{
+    position: absolute;
+    border: 1px solid #000100;
+    width: 900px;
+    height: 520px;
+    left:53px;
+    top:40px;
+
+}
+.content p{
+    line-height: 30px;
+}
+

myteam @ 25f88379

+Subproject commit 25f88379848002816ca7fa57c9e6021de6ed74bf

ext ironing/reset.css

+*{
+    margin: 0;
+    padding: 0;
+    line-height: 1;
+}
+a{
+    text-decoration: none;
+}
+li{
+    list-style: none;
+}
+img{
+    vertical-align: middle;
+    border: none;
+}
+.clearfix:after{
+    content: "";
+    display: block;
+    clear: both;
+    height:0 ;
+    overflow: hidden;
+    visibility: hidden;
+}
+.safe{
+    width: 1140px;
+    margin: 0 auto;
+}
+.left{
+    float: left;
+}
+.right{
+    float: right;
+}
\ No newline at end of file