css
关注
分享
扫一扫
文章平均质量分 80
no_name_sky
这个作者很懒，什么都没留下…
展开
-
css定位
相对定位使用position:relative;来设定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box1{ width:200px; height:200px; background-color:red; /*如果当前盒子只设置相对定位原创 2021-06-23 18:27:40 · 104 阅读 · 1 评论 -
background系列使用
backgroud-image使用将本地照片传递到background-image属性中，会在div中显示背景照片，如果照片大小和设定的大小不一致，会出现平铺现象。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ h原创 2021-06-22 14:51:45 · 951 阅读 · 0 评论 -
a标签实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding:0; margin:0; } .nav{ background-color:g原创 2021-06-21 21:06:26 · 152 阅读 · 0 评论 -
css浮动
浮动的介绍指的是一个元素脱离文档流，悬浮在父元素之上的现象。网页的制作，是一个“流”从上而下，编织每一个标签的(和织毛衣一样，从上到下)，不能像PS设计软件，想在哪里画就在哪里画。文档流的一个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动</title> <style> *原创 2021-06-21 14:46:32 · 185 阅读 · 0 评论 -
css盒模型
盒模型介绍盒模型有五个属性：内边距 padding外边距 margin边框 border高度 height宽度 width用月饼来解释一下这几个属性：将上图降为一个二维来看，月饼袋子到黄色壳子之间的距离a是外边距(margin)。黄色壳子e就是边框(border).黄色壳子到月饼之间的距离b就是内边距(padding)。月饼的高度c和宽度d就是内容的高度(height)和宽度(width)也就是能吃的那一部分大小)。结合代码来看：<!DOCTYPE html>&l原创 2021-06-16 10:25:37 · 105 阅读 · 0 评论 -
css的特性
继承性css就是在设置属性的，设置的是style的属性。给父级标签设置一些属性，子级标签继承了父级的该属性。有一些属性是可以继承的：color,font-*,text-*,line-*文本元素。像一些盒子元素，定位元素(浮动，绝对定位，固定定位是不能继承的。允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。即孙子标签同时继承爷爷，父亲标签的属性。<!DOCTYPE html><html lang="en"><head> <meta原创 2021-06-11 16:03:19 · 87 阅读 · 1 评论 -
css引入方式和选择器
css是指层叠样式表，样式定义如何显示HTML元素。通常会把样式规则的内容保存在css文件中。原创 2021-06-10 16:36:53 · 138 阅读 · 0 评论