9 定位
摘要：
#1 相对定位 以原来的位置为参考点 <!DOCTYPE html> <html> <head> <title>定位</title> <style type="text/css"> body{ border: 1px solid orange; } div{ width: 200px; height 阅读全文
posted @ 2020-02-20 13:46 kissfire008 阅读(137) 评论(0) 推荐(0)
8 清除浮动方式/小米导航案例
摘要：
清除浮动方式之伪元素清除法： <style type="text/css"> .top_bar{ height: 200px; border:1px solid red; } .child1{ width:200px; height:200px; background-color: green; f 阅读全文
posted @ 2020-02-20 02:03 kissfire008 阅读(240) 评论(0) 推荐(0)
7 浮动的介绍
摘要：
1 浮动的背景 2 浮动的属性 3 浮动的现象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>浮动的现象</title> <!-- <link rel="stylesheet" type="text/css" href= "c 阅读全文
posted @ 2020-02-19 15:47 kissfire008 阅读(104) 评论(0) 推荐(0)
6 HTML 盒子居中显示
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML盒子居中显示</title> <link rel="stylesheet" type="text/css" href= "css/reset.css"> <style ty 阅读全文
posted @ 2020-02-19 13:39 kissfire008 阅读(578) 评论(0) 推荐(0)
5 清除HTML元素的默认样式
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>清除HTML标签元素的默认样式</title> <link rel="stylesheet" type="text/css" href= "css/reset.css"> </he 阅读全文
posted @ 2020-02-19 12:26 kissfire008 阅读(513) 评论(0) 推荐(0)
4 盒模型 padding/border/margin
摘要：
css model 设计和布局时使用 包括： 外边距 ，边框，内填充和实际内容 常用属性 1 宽高 2 内边距 padding 盒子边框到内容的距离 3 外边距 margin <meta charset="utf-8"> <title>margin</title> <style type="text 阅读全文
posted @ 2020-02-19 12:12 kissfire008 阅读(150) 评论(0) 推荐(0)
3 元素分类和display 属性介绍
摘要：
#元素分类 1 块级元素 div p ul li （1） 独自占一行（2）可以设置宽高，如果不设置宽，默认是父标签的100%宽 2 行内元素 a span strong em lable(1) 行内元素在一行内显示（2）不能设置宽高 3 行内块元素 input img (1) 在一行内显示（2）可以 阅读全文
posted @ 2020-02-19 01:18 kissfire008 阅读(250) 评论(0) 推荐(0)
3 CSS 文本属性和字体属性
摘要：
<title>文本属性和字体属性示例</title> <style type="text/css"> p{ text-indent: 2em; font-size: 20px; line-height: 50px; letter-spacing: 5px; word-spacing: 20px; f 阅读全文
posted @ 2020-02-18 21:30 kissfire008 阅读(170) 评论(0) 推荐(0)
2 CSS 选择器
摘要：
css选择器： 一.基础选择器 -标签（元素）选择器 <!DOCTYPE html> <html> <head> <title>css的基础选择器</title> <link rel="stylesheet" href="css/index.css"> </head> <body> <div id= 阅读全文
posted @ 2020-02-18 18:06 kissfire008 阅读(75) 评论(0) 推荐(0)
浙公网安备 33010602011771号