乐胖代购免代理版

html

相对路径

标签名

转载 2022-11-21 11:56:38 95 阅读

新闻列表综合案例

所需素材：arr.jpgline.jpg<!DOCTYPE html><html lang="en"><head> <meta cha

web

css

html

jquery

网页设计

原创 2022-11-20 15:24:13 193 阅读

仿新浪导航栏（固定定位练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D

定位

html

css

原创 2022-11-20 15:23:57 135 阅读

CSS选择器

前端基础.CSS基础选择器CSS选择器（重点）学习目标：理解能说出选择器的作用id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式1. CSS选择器作用（重点）如上图所以，要把里面的小黄人分为2组，最快的方法怎办？很多，比如一只眼睛的一组，剩下的一组选择器的作用找到特定的HTML页面元素pink老师一句话说出他们： ※※※※**CSS选择器干啥的？选择标签用的

html

css

选择器

属性值

类名

转载 2022-11-19 05:47:10 57 阅读

WEB标准

第01阶段.前端基础.认识WEB认识WEB1. 认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。### 总结网页有图片、链接、文字等元素组成，我们后面的任务就是要把这部分网页元素用代码写出来。。。## 2. 浏览器（显示代码）浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和

html

浏览器内核

web标准

chrome

转载 2022-11-19 05:46:53 81 阅读

背景图片平铺

①默认平铺<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片平铺实例</title> <style> .image{ height: 1800px; background: url(image/

html

css

leechoy

原创 2022-11-19 05:46:36 403 阅读

单行文本垂直居中

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 100px; height: 50px; background

css

html

Leechoy

垂直居中

原创 2022-11-19 05:46:26 159 阅读

HTML、CSS实现导航栏

<!DOCTYPE html><

css

leechoy

html

导航栏

原创 2022-11-19 05:46:22 1541 阅读

仿微信导航栏滑动门练习

效果测试代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>wechat</title> <style> * { margin:0; padding: 0; } a { t

滑动门

css

html

微信

开放平台

原创 2022-11-19 05:44:04 61 阅读

当使用定位时，margin-top和top 同时使用时，值最大的起作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .div { position: fixed; top: 10px; margin-to

js

css

html

原创 2022-11-19 05:43:28 106 阅读

哈根达斯广告案例（相对定位和绝对定位练习）

效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定位练习</title> <style> * { padding: 0px; margin: 0px; } .ad {

html

定位

js

原创 2022-11-19 05:43:22 93 阅读

仿小米商城窗口浮动

html

css

图片自适应

官网

原创 2022-11-19 05:42:46 141 阅读

去掉列表的默认样式

①默认样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul { width: 300px; height: 300px; backg

HTML

css

html

原创 2022-11-19 05:42:19 274 阅读

嵌套块元素垂直外边距的合并（塌陷）

对于两个嵌套关系的块元素，如果父元素没有上内边距及边框父元素的上外边距会与子元素的上外边距发生合并合并后的外边距为两者中的较大者解决方案：可以为父元素定义上边框。可以为父元素定义上内边距可以为父元素添加overflow:hidden。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g

css

html

外边距

内边距

原创 2022-11-19 05:42:01 114 阅读

上下外边距合并

ottom { wi

html5

html

外边距

原创 2022-11-19 05:41:56 113 阅读

圆形边框和圆角边框

①画

css

html

圆角矩形

原创 2022-11-19 05:41:51 342 阅读

border边框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>border</title> <style> .test { width: 200px; height: 200px; bor

html

css

web

原创 2022-11-19 05:41:46 128 阅读

仿新浪导航栏

<!DOCTYPE html><html lang="en"><head>border-top: 3.

css

html

导航栏

垂直居中

原创 2022-11-19 05:41:41 262 阅读

三角和矩形框组合-定位和三角练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin:0; padding: 0; } .father {

html

定位

css

原创 2022-11-19 05:36:21 96 阅读

仿土豆播放盒子-绝对定位相对定位练习

效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>土豆播放案例</title> <style> * { margin: 0; padding: 0; } .movie {

css

定位

html

leechoy

原创 2022-11-19 05:36:01 52 阅读

HTML5&CSS3总结一

一、什么是 HTML5HTML5 的概念与定义定义：HTML5 定义了 HTML 标

html

css

css3

ide

html5

转载 2022-11-18 19:16:38 53 阅读

2D转换之rotate练习

效果图：源代码：<!DOCTYPE html><html lang="en"><head

css3

rotate

leechoy

html

原创 2022-11-18 19:16:26 82 阅读

form表单中的button自动刷新页面问题

form表单中的button自动刷新页面问题form表单中如果存在button的话，有

form表单

刷新页面

jquery

转载 2022-11-18 19:13:14 153 阅读

半透明盒子比较好看的rgba值

rgba(0,0,0,.3)

html

css

原创 2022-11-18 19:08:38 25 阅读

z-index改变盒子堆叠顺序

在使用定位布局时，可能会出现盒子重叠的情况。加了定位的盒子，默认后来者

css

html

定位

z-index

盒子堆叠顺序

原创 2022-11-18 19:08:35 102 阅读

固定定位练习

效果：孙悟空一直固定在右下角<!DOCTYPE html><html lang="en"><head>

html

css

固定定位

leechoy

原创 2022-11-18 19:08:30 268 阅读

2D转换之 scale练习

效果图：源代码：<!DOCTYPE html><html lang="en"><head> <meta chars

css3

scale

html

原创 2022-11-18 19:06:53 65 阅读

2D转换结合定位来实现盒子水平和垂直居中

效果如下：源代码：<!DOCTYPE html><html lang="en"><head> <meta charset=

html

css

定位

原创 2022-11-18 19:06:48 59 阅读

css3实现翻书页效果

效果图：源代码：<!DOCTYPE html><html lang="en"><head>

css3

html

原创 2022-11-18 19:06:42 340 阅读

CSS3书写三角形

效果图：源代码：<!DOCTYPE html><html lang="en"><head> <

css3

html

原创 2022-11-18 19:06:36 101 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq5b18f3129ef92的博客

欢迎

HTML常用标签

新闻列表综合案例

仿新浪导航栏（固定定位练习）

CSS选择器

WEB标准

背景图片平铺

单行文本垂直居中

HTML、CSS实现导航栏

仿微信导航栏滑动门练习

当使用定位时，margin-top和top 同时使用时，值最大的起作用

哈根达斯广告案例（相对定位和绝对定位练习）

仿小米商城窗口浮动

去掉列表的默认样式

嵌套块元素垂直外边距的合并（塌陷）

上下外边距合并

圆形边框和圆角边框

border边框

仿新浪导航栏

三角和矩形框组合-定位和三角练习

仿土豆播放盒子-绝对定位相对定位练习

HTML5&CSS3总结一

2D转换之rotate练习

form表单中的button自动刷新页面问题

半透明盒子比较好看的rgba值

z-index改变盒子堆叠顺序

固定定位练习

2D转换之 scale练习

2D转换结合定位来实现盒子水平和垂直居中

css3实现翻书页效果

CSS3书写三角形