自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 网页轮播图

*因为箭头是文字属性且是超链接,这一步为了消除a自带的下划线效果,且使箭头有独特属性*//*向上平移自身高度一半,使自身在父级图片正中央*//*调整位置,与上面的箭头位置步骤类似*//*消除基础样式,避免影响总体布局*//*当点击时,小圆点显示为橙色*//*子级li可以水平排列*//*宽度,高度,+背景色*//*单独设置两个箭头样式*//*消除图片的下方空白*//*按父级高度下降一半*//*鼠标悬停显示小手*//*在父级图片之上*//*特有的文字属性*//*小圆点水平排列*//*子级绝对定位*/

2024-01-20 15:43:31 774

原创 WEB前端demo6

2.参照物:先找最近的已经定位的祖先元素:如果所有祖先元素没有定位。用像素大厨定位好需要的图片样式,提前规定好盒子大小,填充图片即可。/* 因为浏览器把行内,行内块标签当文字处理,默认基线对齐 *//* 取值是整数,默认是0,取值越大显示顺序越朝上 *//* 效果:图片img底下有空白,转块 去掉 */3.子级向左、上移动自身尺寸的一半。左、上的外边距为尺寸的一半。/* 方便:50%就是自己宽高的一半 */3.子级向左、上移动自身尺寸的一半。/* 顶对齐,最高内容的顶部 */左、上的外边距为尺寸的一半。

2024-01-20 15:17:05 957

原创 实现网页-学成在线

文章目录htmlcss样式感悟html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styl

2024-01-17 15:38:08 456

原创 WEB前端demo5

比如第一行下外边距50,第二行上外边距30。边框线属性(border):宽度,边线样式(虚线 实线 点线) 颜色。/* 2.内容溢出会隐藏,,找到父级原始边框位置,裁剪多余位置。/* 3.边框线 ,,,找到父级原始边框位置 裁剪多余位置*//* 取消子级margin,,,父级设置padding */5.注意以上操作(除了margin外边距)会撑大盒子,/* 父子级标签,子级的添加 上外边距会产生塌陷 */背景图(背景图位置,平铺,缩放背景图,固定)1.当连续两行用外边距,设置不同外边距。

2024-01-05 08:00:00 1772 1

原创 两个案例练练手

【代码】两个案例练练手。

2024-01-04 21:11:30 959 1

原创 两个综合案例,很实用

可常练习,综合性很强!

2024-01-02 12:58:58 964 1

原创 WEB前端demo4

文字标签继承father效果,不生效,用专用的后代选择器效果div p。/* 行内样式,id选择器个数,类选择器个数,标签选择器个数 ,从左到右依次比较*/子类默认继承父类的文字属性,子类如果有自己样式,也不会继承父类。-- 子集默认继承父级的文字控制属性 --> */我们可以改变超链接的样式。背景图位置与背景图缩放由于有共同的格式,故需要用/划开。/* 0,1,1,0 优先级最高 */选择器1,选择器2,选择器3,…块元素,行内元素,行内块元素。/* 优先级从高到低 *//* 继承优先级最低 */

2024-01-01 18:29:17 1182

原创 WEB前端demo3

这个文件每个标签都用这个样式,在文件初期,不知道具体样式,可用这个代替。或者新建一个css文件,在这两者之间引入link标签,链接css文件。/* font复合性,倾斜,加粗,字体大小,行高,楷体 */在title和body之间写style标签,引入css样式。可用于任何标签,用class标签引用。/* 字号,字体必须都写 */给每个标签一个样式,代码如图。/* 首行缩进两个字符 */每个div标签都是这样。

2023-12-30 12:01:52 745

原创 WEB前端demo2

input,表格,按钮,字符,列表

2023-12-28 11:52:34 839 1

原创 WEB前端demo1

总体框架。几个比较重要的链接标签音频标签。

2023-12-27 15:52:39 501

空空如也

空空如也

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

TA关注的人

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