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

原创 文本样式HTML

可选值:left/right/center(居中对齐 常用)/justify(二端对齐)5.2 十六进制 #ffffff 光的三原色:红 绿 蓝,每二位数值代表一个颜色的浓度。常用值:bottom(底部对齐) middle(居中对齐)3.设置元素行高 line-height:上间距+文本空间+下间距,上间距=下间距。b:设置阴影模糊范围,注意值越大,模糊程度越高,没有负值。常实现的效果:文本在元素中水平居中。x:设置阴影水平方向的偏移,注意正值向右。y:设置阴影垂直方向的偏移,注意正值向下。

2023-07-16 15:03:24 29 1

原创 CSS引入方式

3.内联式样/内部样式:直接写在head标签内的style=>运行速度快,没有对于的css引进代码,但是不利于修改。2.加载顺序不同:link引用的CSS先加载,@import是当页面加载过后再加载css文件。2.内部样式:在head标签中通过style标签设置,不推荐使用,内容与样式没有完全分离。1.本质区别:link是属于XHTML标签,@import是CSS提供的一种方式。3.1 链接式:在head标签中通过link标签引入css文件,推荐使用。1.行内样式:在标签中通过style属性设置。

2023-07-16 14:47:35 38 1

原创 悬停隐藏出现

visibility:hidden 隐藏 隐藏时元素位置占用。display:none 隐藏 隐藏时元素位置不在占用。方法三:改变元素的高度和overflow一起使用。方法二:visibility:设置元素可见性。scroll:设置生成滚动条。display:block 显示。auto:按需生成滚动条。hidden:溢出隐藏。overflow-x:设置水平方向。overflow-y:设置垂直方向。overflow:设置溢出内容显示样式。方法一:display。2.设置元素隐藏显示。

2023-07-16 14:43:36 40 1

原创 3D导航css代码

年少</a><a href="#">有为</a></li><li><a href="#">肆意</a><a href="#">青春</a></li><li><a href="#">一叶</a><a href="#">障目无尽对决撒撒娇端快捷杜绝浪费解耦几等份

2023-07-16 14:34:19 52 1

原创 解决内容塌陷问题

方案4: 给父元素通过::before添加一个table子元素,必须要写content属性 推荐使用。产生原因:垂直方向,父子元素的外边距重叠,所以给子元素设置的外边距会传递给父元素。1,2出现将父元素扩大,添加属性box-sizing:border-box。方案3:设置overflow的值非visible,常用的hidden。content离wrap上边边框距离为50px。解决:父子外边距开始位置不重叠。

2023-07-16 14:26:23 51 1

原创 盒子模型及布局

垂直方向:height=border-top/bottom+padding-top/bottom+content。水平方向:width=border-left/right+padding-left/right+content。垂直方向:border-top/bottom+padding-top/bottom+height。水平方向:border-left/right+padding-left/right+width。边框盒:border-box border+padding+content。

2023-07-16 14:11:16 30 1

原创 CSS中边框三角形的介绍

3.设置透明色,需要的三角形设置其他颜色。2.设置边框宽度(三角形的高度)1.元素宽高设置为0。

2023-07-15 11:50:03 58 1

原创 表单的介绍

定义列表 dl定义范围 dt定义项 dd解释项===常用网站底部导。有序列表 ol定义范围 li定义项 start属性定义第几个开始。cellpadding:设置单元格内容与边框之间的距离。cellspacing:设置单元格与单元格之间的距离。无序列表 ul定义范围 li定义项===常用与导航。th 表头,是特殊的单元格,放在tr里面。表格结构标签:=>表格在页面显示位置。水平方向合并:colspan。垂直方向合并:rowspan。表格:table定义表格范围。效果:合并都是向后合并。

2023-07-15 11:26:02 22 1

原创 CSS的用法

相同选择器给设置相同的样式,此时一个相同的样式会覆盖(层叠)另一个冲突样式,层叠性主要是解决样式冲突问题。选择器相同则会执行层叠性,选择器不同,则根据选择器权重执行。:子标签会继承父标签的某些性质,降低css复杂性。:直接写在head标签内的style运行速度快,没有对于的css引进代码,但是不利于修改。:在网页的<head></head>标签中使用<link>标签引入外部样式表。:将一个独立的css文件导入html文件中,写在style标签。4、减少网页代码量,增加网页的浏览速度;1、内容与表现分离;

2023-06-28 16:37:21 31 1

原创 表单的用法

<option value="">+86 中国</option>女</label>性别:<input type="radio" name="sex" id="man"><label for="man">男

2023-06-25 15:45:11 22

空空如也

空空如也

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

TA关注的人

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