CSS3
关注
分享
扫一扫
CSS3
很皮的皮蛋瘦肉粥
这个作者很懒，什么都没留下…
展开
-
1、什么是CSS及CSS的导入方式
1.1、CSS简介 Cascading Style Sheet 层叠级联样式表 CSS：表现层（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动 1.2、发展史 CSS1.0 CSS2.0 DIV（块）+ CSS，HTML与CSS结构分离的思想，网页变得简单，SEO CSS2.1 浮动，定位 CSS3.0 圆角，阴影，动画… 浏览器兼容性~ ...原创 2020-07-24 21:04:25 · 162 阅读 · 0 评论 -
2、CSS选择器
文章目录2.1、三种基本选择器 作用：选择页面上的某一个或者某一类元素 2.1、三种基本选择器 标签选择器：选择一类标签 标签{} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器，会选择到页面上所有的这个标签的元素*/原创 2020-08-08 22:11:37 · 102 阅读 · 0 评论 -
3、美化网页元素
3.1、为什么要美化网页 有效的传递页面信息 吸引用户 凸显主题 提高用户体验 span标签：重点突出的文字，使用span套起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #title1{ font-size: 50p原创 2020-08-14 21:11:40 · 149 阅读 · 0 评论 -
4、盒子模型
文章目录4.1、什么是盒子4.2、边框4.3、内外边距4.4、圆角边框4.5、阴影 4.1、什么是盒子 margin：外边距 padding：内边距 border：边框 4.2、边框 边框的粗细 边框的样式 边框的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style&g原创 2020-08-15 20:35:54 · 85 阅读 · 0 评论 -
5、浮动
5.1、标准文档流 块级元素：独占一行 h1~h6 p div 列表... 行内元素：不独占一行 span a img strong... 行内元素可以被包含在块级元素中，反之，则不可以~ 5.2、display <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- bl原创 2020-08-16 22:03:35 · 113 阅读 · 0 评论 -
6、定位
6.1、相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 相对定位： 相对于自己原来的位置进行偏移 --> <style> body{ padding: 20原创 2020-08-17 21:37:31 · 114 阅读 · 0 评论