![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
隔壁小廖
间接性壮志凌云,持续性混吃等死
展开
-
cursor属性
该属性用来定义将鼠标移动到标签上显示的形状 常用属性: cursor: auto(默认) pointer(手指) wait(等待) help(帮助) ...原创 2021-07-04 13:39:21 · 462 阅读 · 0 评论 -
CSS3基础知识
一、css3与之前的css版本的区别 css3向下兼容 css3部分属性在部分浏览器存在兼容性问题 二、css3新增选择器 1.字符串匹配属性选择器 元素名[属性="值"] 全匹配 元素名[属性^="值"] 表示以"值"开头的元素 元素名[属性$="值"]表示以“值”结尾的元素 元素名[属性*="值"]...原创 2021-07-02 19:25:20 · 169 阅读 · 0 评论 -
CSS基础:定位positon
一、属性值: 1.static (默认值)没有定位 2.relative 相对定位 无论是标准元素还是浮动元素,相对于它没有定位前的位置进行偏移 top和bottom left和right各自都只能设置一个 3.absoule 绝对定位 会脱离标准文档流 变成行内块级元素,宽高由内容的宽高决定 ...原创 2021-07-02 18:21:15 · 134 阅读 · 0 评论 -
CSS基础概念
一、文档流 1.标准文档流(默认):从上到下,从左到右 2.浮动流 : 左浮动:从左到右 右浮动:从右到左 如果一行内容满了则换行显示 二、伪类选择器 概念:相当于一个类 a标签的伪类: a:link 默认样式 a:visited ...原创 2021-07-02 18:01:23 · 51 阅读 · 0 评论 -
盒子的计算模式:box-sizing
属性取值有两个: 1.content-box 标准模式(默认) 盒子总尺寸=内容+padding+border+margin 2.border-box模式 内减(怪异)模式 盒子总尺寸=内容(设置的宽高=内容+padding+border)+margin 如果DOCTYPE缺失将会在IE6\7\8下自动触发该模式 ...原创 2021-07-02 16:50:58 · 186 阅读 · 0 评论 -
CSS基础:浮动
一.float取值 none left right 二.浮动特点 1.浮动元素将脱离文档流,不占用位置 2.浮动元素不会覆盖行内元素, 比如文字内容 3.浮动元素变为行内块元素,浮动元素后面的内容依次向上填充,它的宽高由内容的宽高决定 4.浮动只有一个层级,如果同级元素设置了左浮动,那么从左到右依次连续浮动 三.浮动带来的问题 会导致父盒子塌陷 四.如何解决 ...原创 2021-07-02 16:43:41 · 97 阅读 · 0 评论 -
CSS基础-第二天
常用单位 1.px 像素 2.em 倍速 相对于字体大小的倍速 3.% 百分比 常用属性 1.width 宽度 2.height 高度 一般不设置高度,用内容把高度撑开 CSS常用属性 一、文本属性 1.color 展示方式: *单词 *十六进制 ...原创 2021-06-28 18:22:46 · 58 阅读 · 0 评论 -
CSS预习内容
一、字体样式 1.font-family 2.font-size 3.font-weight 4.color 二、文本样式 1.首行缩进:text-indent 2.水平对齐:text-align 3.文本修饰:text-decoration 4.行高:line-height 字体样式和文本样式的区别: 字体样式针对的是...原创 2021-06-28 00:07:17 · 83 阅读 · 0 评论 -
使用CSS使div块内容垂直居中的方法
一·line-height 如果内容只有文本,则可以使用line-height属性,值与父级的高度一样就可以实现垂直居中效果 二·div块使用margin 可以在该块使用margin或者margin-top属性将内容顶下来,实现垂直居中 三·使用padding 使用方式跟margin的一样 注意都需要在该div使用,在它的父级使用也可以,但是会有缺陷,如果该div块的高度与父级的高度一样或者高度+margin/padding的高度超......原创 2021-06-27 11:21:38 · 2986 阅读 · 0 评论 -
CSS层叠样式表
一、版本 css1.0 css2.0(主要) css3.0(存在兼容问题) 二、如何引用css 内联样式 内部样式 外部样式: link标签(主要使用) @import导入 重点:link标签与@import导入的区别: 1.link属于标签,@import是CSS提供的一种方式 ...原创 2021-06-25 20:49:48 · 63 阅读 · 0 评论