自定义博客皮肤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)
  • 收藏
  • 关注

原创 定位网页元素

position属性static:默认值,没有定位relative:相对定位相对自身原来位置进行偏移偏移设置:top、left、right、bottomabsolute:绝对定位 fixed:固定定位(类似绝对定位,不过区别在于定位的基准不是祖先元素,而是浏览器窗口)相对定位元素的规律设置相对定位的盒子会相对它原来的位置,通过指定偏移,到达新的位置设置相对定位的盒子仍在标准文档流中,它对父级盒子和相邻的盒子都没有任何影响设置相对...

2022-01-31 16:31:53 205

原创 CSS浮动与弹性盒子

标准文档流组成块级元素(block) <h1>…<h6>、<p>、<div>、列表内联元素(inline) <span>、<a>、<img/>、<strong>...内联标签可以包含于块级标签中,成为它的子元素,而反过来则不成立display属性 值 说明 block 块级元素的默认值,元素会被显示为块级元素,该元素前后会带

2022-01-21 15:24:08 921

原创 CSS盒子模型

什么事是盒子模型边框 border-color 属性 说明 示例 border-top-color 上边框颜色 border-top-color:#369; border-right-color 右边框颜色 border-right-color:#369; border-bottom-...

2022-01-19 20:20:50 418

原创 CSS3美化网页元素

<span>标签<span>标签 的作用 能让某几个文字或者某个词语凸显出来示例<p>享受<span class="show">“五星级”</span>服务</p><p>在这里,有一群人默默支持你成就 <span id="dream">梦想</span></p><p class="bird">选择<span>CSDN</span&

2022-01-17 21:55:43 501

原创 CSS Cascading Style Sheet 级联样式表1

CSS的概念Cascading Style Sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定CSS的优势内容与表现分离 网页的表现统一,容易修改 丰富的样式,使得页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带宽 运用独立于页面的CSS,有利于网页被搜索引擎收录CSS基本语法结构选择器 { 声明1; 声明2; …… }例.

2022-01-16 23:06:01 467

原创 HTML Hyper Text Markup Language(超文本标记语言) 基础知识汇总3

表单语法<form method="post" action="result.html"> <p> 名字:<input name="name" type="text" > </p> <p> 密码:<input name="pass" type="password" > </p> <p> <input type="submit" name="Button" v

2022-01-14 19:48:59 426

原创 HTML Hyper Text Markup Language(超文本标记语言) 基础知识汇总2

无序列表ul无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。<ul> <li>csdn</li> <!--列表项--> <li>csdn</li> <li>csdn</li> <li>csdn</li> </ul

2022-01-14 17:54:56 450

原创 HTML Hyper Text Markup Language(超文本标记语言) 基础知识汇总1

网页基本结构:<!DOCTYPE html> <!--声明使用html语言规范--><html> <head> <!--网页头部标签--> <title></title> <!--网页标题--> </head> <body> <!--网...

2022-01-13 22:08:58 809

空空如也

空空如也

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

TA关注的人

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