- 博客(5)
- 收藏
- 关注
原创 6、定位方式
6.1、相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 相对于自己原来的位置偏移--> <style> body{ padding: 20px; } div{
2021-09-01 21:22:16 60
原创 5、浮动的处理方式
5.1 介绍 块级元素:独占一行 h1~h6 p div 列表… 行内元素:不独占一行 span a img strong… 行内元素可以被包含在块级元素中 5.2 浮动 <style> div{ width: 100px; height: 100px; border: 1px solid red; display:none; }
2021-08-30 21:46:25 54
原创 4、盒子模型
4.1 什么是盒子模型 margin :外边距 padding:内边距 border:边框 4.2 边框 1、边框的粗细 2、边框的样式 3、边框的颜色` <style> /*border:粗细 ,样式,颜色*/ #box{ width: 300px; border: 1px solid red; } h2{ font-size: 16px;
2021-08-30 20:10:28 49
原创 3、美化网页元素
span标签:重点要突出的字,使用span标签套起来 <style> #title1{ font-size: 50px; } </style> </head> <body> 欢迎学习 <span id="title1"> java</span>
2021-08-26 20:51:26 72
原创 2、CSS选择器
2.1 基本选择器 1、标签选择器:选择一类标签 标签{ } h1{ color: coral; } <h1 id="liuxin" class="style1">标题1</h1> <h1 class="style1">标题2</h1> <h1 class="style1">标题3</h1> <h1>标题4</h1> <h1>标题5</h1> 2
2021-08-23 22:02:33 74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人