- 博客(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 61
原创 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 74
原创 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关注的人