今天学习了css常用的选择器、css的选择器 (width:;宽度 height:;高度 background-color:;背景颜色) (1)标签选择器-通过标签名查找 (2)id选择器-唯一标识 (3)类选择器-同时选择多个 , (4)通配符选择器 一般用来 *{margin:0;padding:0;}
自己做了相对的练习:<style type="text/css"> *{ margin: 0; padding: 0; color: white; } div{ width: 100px; height: 100px; background-color: blue; } /* #d2{ width: 100px; height: 100px; background-color: blue; } */ p{ width: 100px; height: 100px; background-color: red; } .plist{ width: 200px; background-color:black; } </style>
<div>1</div> <div id="d2">2</div> <div>3</div> <p class="plist">adasdasdsadsad</p> <p class="plist">asdasdasdas</p> <p class="plist">sadasdasd</p> <p>asdasdasdsadasd</p> </body>
还学习了 怎么用css设置字体的文本
字体大小: 字体样式:正常、倾斜 字体粗细: 字体颜色: --> <p id="a1">你好,世界</p> <i>你好,世界</i> <b>你好,世界</b> <u>你好,世界</u> <s>你好,世界</s>
加深了语法的印象: emmet语法 html: 1、生成标签 标签名加tab键 2、生成多个标签 标签名*数字加tab 3、父子关系的标签 ul>li*5加tab 4、兄弟关系的标签 div(*4)+p(*5)加tab 5、具有类名或id名的标签 #名加tab .名(*4)加tab css: w200 - width:200px;