1.首先,在页面中创建一个div标签;
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style></style></head><body> <div ></div></body></html>2.div标签创建好后,在css中设置div标签的宽高,并添加边框;
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style> div {width:100px; height:70px; border: 1px solid #000;} </style></head><body> <div></div></body></html>3.最后,div标签样式设置好后,使用box-sizing属性即可固定div标签的高度;
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style> div {width:100px; height:70px; border: 1px solid #000;box-sizing:border-box;} </style></head><body> <div class="bat"></div></body></html>css的选择器有哪些
css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等