CSS
文章平均质量分 92
一枚小棋子
这个作者很懒,什么都没留下…
展开
-
css float元素浮动
文章目录一、元素浮动设置二、float应用1.文字环绕代码片段2.横向排版布局3.清除浮动一、元素浮动设置float:left/right标签对象靠左/靠右参数值:none : 对象不浮动left : 对象浮在左边right : 对象浮在右边二、float应用1.文字环绕代码片段<style type="text/css">/*head*/ .green{ width:100px;height:100px; background-color:gre原创 2020-09-23 20:05:23 · 288 阅读 · 0 评论 -
css盒子模型-margin
共有三张图片使他们都居中下面我们就按步骤设置图片的样式:1.设置三个div并设置宽高,加上背景图片,使他们全部都左浮动思路:1.有的元素会有协议默认的属性,但大多都用不到,所以需要将他的默认属性去掉,着视我们使用通用选择器将所有的元素边距都设置为0,当我们需要边距时可以再对它设置需要的边距大小。2.对div设置宽高限定图片显示的大小,再设置左浮动让图片并排排放。<style type="text/css"> *{ margin:0;/* 将所有的元素编剧都设置位0 */原创 2020-10-15 16:02:01 · 558 阅读 · 0 评论 -
css position块级元素定位
1.块级元素定位方式:绝对定位 position:absolute相对定位 position:relative固定定位 position:fixed2.定位语句写法:写定位方式使用top right bottom left 四个方向属性进行正负操作z-index层级的使用,必须要先使用定位才可以使用该属性3.使用方式:绝对定位和相对定位:子绝父相固定定位:可将指定内容固定在页面的某一处,如右下角的各种广告,随便页面怎样滑动,该内容不动4.示例:定义一个嵌原创 2020-10-10 17:25:01 · 1025 阅读 · 0 评论 -
css 容器span、div、选择器
文章目录前言一、引用容器1.标签用法:2.简单使用span、div二、布局与选择器1.引用方式:1.1 外部样式表1.2 内部样式表(常用)1.2 内联样式2.选择器分类:3.代码展示:4.结果显示:四、网页导航-分割线(笨办法)方法一、每一行后面加上分割线 “|”方法二、前言CSS (Cascading Style Sheet)层叠样式表:用来修饰网页样式的语法一、引用容器1.标签用法:a. < span style=" “>…< /span> 标签容器,用于包裹一段文原创 2020-10-09 19:56:35 · 3052 阅读 · 0 评论 -
css选择器优先级及权重
文章目录一、CSS优先级二、选择器权重1.代码演示2.结果显示3.说明一、CSS优先级1.行内样式(style="…")>ID 选择器(#box{…})>类选择器(.con{…})>标签选择器(dic{…})>通用选择器(*{…})2.对应权重值:行内样式(1000)>ID选择器(100)>类选择器(10)>标签选择器(1)>通用选择器(0)3.利用权重值比较优先级eg:#box p .tt =100+1+10#box .tt =100+1原创 2020-09-23 17:46:22 · 971 阅读 · 0 评论 -
CSS布局方式(圣杯布局,双飞翼布局)
1.圣杯布局header和footer各自占领屏幕所有宽度,高度固定。中间的container是一个三栏布局。三栏布局两侧宽度固定不变,中间部分自动填充整个区域。中间部分的高度是三栏中最高的区域的高度。float+position:relative(1)header和footer横向撑满。(2)container中的三列设为浮动和相对定位,middle放在最前面,footer清除浮动。(3)三列的左右两列分别定宽200px和150px,middle设置100%撑满,由于浮动,middl原创 2021-03-16 20:19:08 · 242 阅读 · 0 评论