自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Flex伸缩布局

2020-02-11 15:31:28 89

原创 移动端基础

背景缩放:background-size2.3.4.4.

2020-02-11 08:51:18 80

原创 H5C3

H5:CSS3:属性选择器:属性选择器 类选择器 伪类选择器权重都是一样的(10);结构伪类选择器:ul li: frist-child{}ul里的第一个孩子必须是小li;伪元素:...

2020-01-10 11:04:22 87

原创 CSS进阶

CSS鼠标样式:取消表单轮廓和防止拖拽文本域:文本域代码最好放到一行;图片底侧空白缝隙解决方案:原因:行内元素和行内块元素会和文字基线对齐;单行文本溢出省略号显示:多行文本溢出显示省略号:这个最好让后台人员来做,比较操作方便;布局技巧:如何实现两个盒子中间重叠不显粗:浮动元素不会压住文字; img浮动+p...

2020-01-08 16:51:56 160

原创 CSS高级技巧

元素显示与隐藏:display属性:display:none; 隐藏元素 隐藏掉之后不再占有原来的位子display: block;显示元素;转换为块级元素;visibility属性: visibility: inherit;继承父元素可见性 visibility: hidden;隐藏掉元素 但原来位置还保留 visibility: visible ;...

2020-01-08 11:49:42 71

原创 CSS 4种定位

定位:将盒子固定在某一位置;定位=定位模式+边偏移静态定位:相对定位:绝对定位:固定定位:粘性定位:定位叠放次序:浮动不会压住下面标准流中的文字;绝对定位或固定定位会压住下面标准流的文字;...

2020-01-07 09:13:49 56

原创 CSS浮动及应用

提问:标准流:标签默认的排列方式,以下内容针对的是PS端;1.为什么需要浮动?浮动可以改变标签默认的排列方式;多个块级元素纵向排列用标准流,横向排列用浮动;2.浮动的排列特性 * 浮动元素会脱离标准流 * 浮动...

2020-01-02 14:17:39 111

原创 圆角及阴影的应用

1.圆角2.盒子阴影3.文字阴影

2019-12-30 10:17:14 67

原创 新浪导航栏

效果图:要点思路:1.5个a 标签转换为行内快模式2.div盒子设置上边框为3px 下边框为1px3.不给a设置宽 只设置高,padding为padding:0 10px;4.解决行内块之间的留白问题https://www.cnblogs.com/agansj/p/7192340.html 出现留白的原因是因为body里面a标签之间有换行或空白(不是br 或&...

2019-12-26 17:49:01 493

原创 盒子模型 浮动 及定位

网页布局过程:1.先准备好相关的元素,网页元素基本都是盒子Box.2.利用CSS设置好盒子样式,然后摆放到相应位置。3.往盒子里面装内容。盒子模型:边框:border语法:没有先后顺序;表格细线边框:边框会影响盒子的实际大小,测量盒子大小时不测量边框;内边距:padding会影响盒子实际大小,padding会撑大盒子;...

2019-12-26 17:16:21 334

原创 CSS 三大特性

三大特性:层叠性 优先性 继承性层叠性:同一个选择器 设置了两遍 后来者居上;优先性:同一个元素指定多个选择器,就会有优先级的选择;选择器相同,执行层叠性;选择器不同,则根据选择器权重执行;!important语法:继承性:子标签会继承父标签的一些样式,比如font- , text- ,line- , 这些元素开头的,还有color属性;a链接...

2019-12-26 10:27:50 63

原创 五彩导航栏

做一个简单的五彩导航栏:效果图:功能:鼠标放上面可以变换另外一种颜色,可以点击跳转到链接;思路:1.五个a 标签实现,把a标签转换为行内块模式2.使用a:hover 伪类选择器3.对盒子进行原始背景定义4.使用line-height < height 实现文字垂直居中在图片中央(视觉上)代码如下:<!DOCTYPE html>&l...

2019-12-25 16:11:24 9112 1

原创 CSS背景

通过CSS背景属性,给页面中的元素添加背景样式;背景属性可以设置背景图片,背景平铺,背景颜色,背景图像位置,背景图像固定等。 背景颜色:background-color: transparent | color; 透明色或其他颜色transparent是默认值; 背景图片: 运用背景图片而不是插入图片,因为很好控制位置,嘻嘻 background-im...

2019-12-25 16:01:51 66

原创 简洁版小米侧边栏

如何在网页中实现下图所示的效果?简洁版的代码看这里--><head> <style> a { display: block; width: 230px; height: 40px; text-decoration: none; ...

2019-12-25 10:41:55 2050

空空如也

空空如也

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

TA关注的人

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