摘要: 1元素的定位属性 制作网页时,如果希望元素出现在某个特定的位置,就需要使用定位属性对元素进行确定位。元素的定位就是将元素放置在页面的指定位置,主要包括定位模式和边偏移两部分。 1.1定位模式 在CSS中, position属性用于定义元素的定位模式,其基本语法格式如下。选择器{ position:属 阅读全文
posted @ 2021-12-24 14:46 wenwenfff 阅读(482) 评论(0) 推荐(0) 编辑
摘要: overflower属性是css中的重要属性。当盒子内的元素超出盒子自身的大小时,内容就会溢出,如果想要规范溢出内容的显示方式,就需要使用overflower属性,其基本语法格式如下: 选择器{overflower:属性值;} 其中,overflower的属性值有4个,分别代表不同的含义,具体如下表 阅读全文
posted @ 2021-12-23 09:35 wenwenfff 阅读(969) 评论(0) 推荐(0) 编辑
摘要: 1.元素的浮动属性float 浮动属性作为CSS3的重要属性,在网页布局中至关重要。在CSS中,通过float属性来定义浮动,所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其父元素中指定位置的过程。 其基本语法格式为: 选择器{float: 属性值;} 在上面的语法中,常用的f 阅读全文
posted @ 2021-12-22 17:41 wenwenfff 阅读(897) 评论(0) 推荐(0) 编辑
摘要: 在jquery中,可以使用mouseover和mouseout事件来实现鼠标移入移出图片时,改变图片的地址,从而实现图片的切换。下面举例讲解jquery实现鼠标移入移出切换图片。 1.新建一个html文件,命名为test.html,用于讲解jquery实现鼠标移入移出切换图片。 2.在test.ht 阅读全文
posted @ 2021-12-13 21:38 wenwenfff 阅读(4218) 评论(0) 推荐(2) 编辑
摘要: 达到background-size:cover的效果 img{ object-fit:cover;} 需结合宽高一起使用 (可直接看效果3) 原图 html代码: <div id="img1"> <img src="img/1.jpg" alt=" "/> </div> css代码1: <style 阅读全文
posted @ 2021-12-11 18:05 wenwenfff 阅读(393) 评论(0) 推荐(1) 编辑
摘要: 1.设置背景颜色 在CSS中,使用 background- color属性来设置网页元素的背景颤色,其属性值与文本颜色的取值一样,可使用预定义的颜色值、十六进制# RRGGBB或RGB代码rgb(r.g.b),background- color的默认值为 transparent,即背景透明,此时子元 阅读全文
posted @ 2021-12-10 22:29 wenwenfff 阅读(1044) 评论(0) 推荐(1) 编辑
摘要: 边距属性 内边距 在网页设计中,为了调整内容在盒子中的显示位置,常常需要给元素设置内边距,所谓内边距指的是元素内容与边框之间的距离,也常常称为内填充。在CSS中 padding属性用于设置内边距,同边框属性border一样,padding也是复合属性,其相关设置方法如下: padding-top:上 阅读全文
posted @ 2021-12-08 22:34 wenwenfff 阅读(278) 评论(0) 推荐(1) 编辑
摘要: 边框属性 1边框样式boder-style 在CSS属性中,boder-style属性用于设置边框样式 语法结构: border-style: 上边[右边 下边 左边]; 在设置边框样式时既可以针对四条边分别设置,也可以综合设置四条边的样式。boder-style属性的常用属性值有4个,分别用于定义 阅读全文
posted @ 2021-11-25 20:17 wenwenfff 阅读(212) 评论(0) 推荐(1) 编辑
摘要: 1.属性选择器 1.E[att^=value]属性选择器 E[att^=value]属性选择器是指选择名称为E的标记,且该标记定义了att属性,att属性值包含前缀为value的子字符串。需要注意的是E是可以省略的,如果省略则表示可以匹配满足条件的任意元素。 例如,div[id^=section]表 阅读全文
posted @ 2021-11-18 17:51 wenwenfff 阅读(61) 评论(0) 推荐(1) 编辑
摘要: 盒子模型概述 1.认识盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距、边框和外边距组成。 具体可以把盒子模型比作为一个手机盒子模型: 一个完整的手机盒子通常包含手机、填充泡沫和盛装手机的纸盒。如果把手机盒子想象成HTML 阅读全文
posted @ 2021-11-13 23:09 wenwenfff 阅读(578) 评论(0) 推荐(1) 编辑