自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 盒子模型,层模型

盒子模型 盒子的组成部分 盒子壁border 内边距padding 盒子内容width+height margin+border+padding+content(width+height)叫做盒子模型 图片引用地址 padding是一个复合值。 padding: 10px; 相当于 padding: 10px 10px 10px 10px; 设置top 设置right 设...

2019-09-08 17:49:01 288

原创 HTML写一个奥运五环

*{ margin: 0; padding: 0; } div{ width: 150px; height: 150px; } div.wrapper { width: 550px; height: 250px; } .green{ position: absolute; left:280px; top: 80px; border: 10px solid green; } ....

2019-09-08 17:41:43 1794

原创 HTML标签元素

行级元素 ferture: 内容决定元素所占位置,不可以通过CSS改变宽高 行级元素 inline span strong em del a 块级元素 ferture: ​ 独占一行,可以通过CSS改变宽高 块级元素 block div form p ol ul li address 行级块元素 ferture: ​ 内容决定大小...

2019-09-07 23:26:48 209

原创 CSS选择器实例(Day_three)

例子 /*使用多的方式对一个标签进行更改颜色*/ #only{ background-color: #FF0000; } .content em{ background-color: green; } .wrapper > .content > .box{ background-color: gray; } div.wrapper > [class="content"]...

2019-09-07 22:06:37 231

原创 颜色像素(Day_three)

透明色transparent 设置颜色三种方式 英文单词 green、red、blue等等 颜色代码 三原色:光学三原色(红、绿、蓝)、美术三原色(红、黄、蓝) #号开头一共六位代码:#000000 到 #FFFFFF 颜色 范围 red 00-FF 表示红色的饱和程度 blue 00-FF 表示蓝色的饱和程度 green 00-FF 表示绿色的饱和程度 ...

2019-09-07 22:03:07 569

原创 CSS简单属性(Day_three)

CSS CSS属性 作用 font-size:15px 设置字体大小为15px font-weight:bold 设置字体粗细 font-style:italic 设置斜体 font-family:arial 设置字体为arial color 设置字体颜色 border:1px solid black 设置容器外边框,是一个复合属性。1px设置border粗细,...

2019-09-07 21:56:13 161

原创 CSS选择器(Day_three)

父子选择器/派生选择器 /* 父子选择器/派生选择器 div下的span背景变为红色 strong里字体变为红色 */ div span{ background-color: red; } .wrapper .box em{ color: red; } <div class="wrapper"> <strong class="box" ...

2019-09-07 21:52:50 199

原创 HTML+CSS(初级学习)

主流浏览器及其内核 浏览器 内核 Google Chrome webkit/blink Safari webkit IE trident Opera presto Firefox Gecko 浏览器分为Shell以及内核两个部分。 前端分类 作用 HTML 结构 CSS 样式 Javascript 行为 CSS cascading s...

2019-09-06 17:06:02 129

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除