![](https://img-blog.csdnimg.cn/20200617160405808.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
css样式
GuessHat
骐骥一跃,不能十步,驽马十驾,功在不舍
展开
-
css中鼠标变成手型设置
css中鼠标变成手型设置主要依赖cursor属性,对应的设置值如下:default:标准箭头 //这是默认的样式pointer:手形光标wait :等待光标text:I形光标vertical-text :水平I形光标no-drop:不可拖动光标not-allowed:无效光标help:帮助光标all-scroll:三角方向标move :移动标crosshair:十字标...原创 2020-07-16 20:23:08 · 2569 阅读 · 0 评论 -
伪类选择
伪类1. :hover鼠标移动到链接上触发操作.box:hover{ overflow: visible; animation-delay:2s; }通过:hover可以将之前设置的overflow:hidden内容显示出来,类似触发下拉菜单2. ::after 伪元素表示在块级元素内部最后创建一个伪元素ul::after{ display: block; content: ''; clear: both; }主要用来对盒子模型中父元素进行高固原创 2020-05-28 17:18:32 · 396 阅读 · 0 评论 -
定位
定位1.基本定义在CSS中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;}position属性的常用值static 自动定位(默认定位方式)relative 相对定位,相对于其原文档流的位置进行定位absolute 绝对定位,相对于其上一个已经定位的父元素进行定位fixed 固定定位,相对于浏览器窗口进行定位2.相对定位relative:相对定位是将元素相对于标准流的位置进行定位,当position属性的取值为relative时原创 2020-05-28 14:43:37 · 682 阅读 · 0 评论 -
CSS中的display
CSS中的display属性1.display属性的意义:对于一些行元素无法定义显示的width和height,如a/span标签,通常大小由元素定义,display可以将行元素/块元素/行内块元素进行相互转换,便于设计2.常用的属性值和描述值描述block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素3.块元素/行内块元素/行元素介绍块状元素(1)原创 2020-05-28 09:33:47 · 1700 阅读 · 0 评论 -
盒子模型
盒子模型1.概念盒子模型主要用于html中的封装,主要包括:边距,边框,填充,和实际内容。2.布局介绍不同部分的说明:Margin(外边距) - 清除边框外的区域,外边距是透明的。 margin:0px auto;盒子针对容器居中Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。实例:div { width: 300px; border: 2原创 2020-05-14 14:32:06 · 383 阅读 · 0 评论 -
浮动
浮动1.浮动的定义元素的浮动是指设定浮动之后会相对于自身之前的位置其基本语法格式如下:选择器{float:属性值;}属性值 描述left 元素向左浮动right 元素向右浮动none 元素不浮动(默认值)2.浮动的特性脱离标准流,不占位置,浮动只有左右浮动一般只要一浮动就创建一个包含块级的概念,一般要在外边添加一个父盒子,然后对齐,但是不会超过其内边距如果上一个元素浮动则会与其在顶部对齐,如果上一个元素是标准流则上下排列目的:为了让多个块级元素可以在一行显示3.清除浮动由原创 2020-05-15 09:02:35 · 588 阅读 · 0 评论 -
CSS层叠样式表
CSS 层叠样式表 功能:修饰页面css基本语法结构:选择器{ 声明1: 声明2:}例:h1{font-size:30px;color:red;}Html中写入位置:(先写入style标签后,在style标签内写入)<head> <style> </style></head>选择器分类:1.标签选择器根据标签进行选择2.类选择器 格式:.+类名根据类进行选取,标签内需要设定class,在style中可以设定cs原创 2020-05-13 17:28:10 · 310 阅读 · 0 评论