抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

元素显示与隐藏

类似网站中的广告,点击关闭时消失,重新刷新页面再出现。 本质:让一个元素在页面中隐藏或者显示出来。 displaydisplay: none ;隐藏对象 display:block ;显示元素/转换为块元素 display 隐藏元素后,不再占有原来的位置。 visibilityvisibility:visible; 元素可视 visibility:hidden; 元素隐藏 visibil...

css定位

定位 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式1234position: static; /*静态定位*/position: relative; /*相对定位...

css浮动

网页布局 标准流 块级元素:独占一行,从上向下顺序排列。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素:按照顺序从左到右顺序排列,碰到父元素边缘则自动换行。常用元素:span、a、i、em等以上都是标准流布局,标准流是最基本的布局方式。 浮动 定位 浮动float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框...

盒子边框

边框12345border-width/*定义边框粗细,单位px*/border-style /*边框样式 solid实先 dashed虚线 dotted点线 */border-color /*边框颜色*/border: 1px solid red; /*简写*/border-collapse:collapse; /*表示相邻边框合并*/ 内边距padding内边距,即边框和内容之间的距离...

css三大特性:层叠性、继承性、优先级

层叠性层叠性指当标签被设置了多个重复的样式时,一个属性会被覆盖。 不考虑优先级,层叠性遵循“就近原则”。如下,最终颜色为绿色。 123456div{ color:red;}div{ color:green;} 继承性继承性是指子标签没有设置样式时,继承父标签样式。 继承性只适用于字体的颜色,大小、行间距等文本类属性,边框、外边距、内边距、定...

css背景

通过CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 123456background-color: 颜色值; /*背景颜色*/background-image: url(); /*背景图片*/background-repeat: repeat |no-repeat |repeat-x |repeat-y ...

元素显示模式及转换

元素显示模式就是元素(标签)以什么方式进行显示。比如<div>自己占一行,比如一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种类型 块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块...

css伪类选择器

伪类选择器用于向某些选择器添加特殊的效果,伪类选择器有链接伪类、结构伪类等。 链接伪类1234a: link /*未访问的链接*/a: visited /*已访问的链接*/a: hover /*鼠标悬停的链接*/a: active /*已选择的链接*/ 1234567891011121314151617181920212223242526272829303132333...

emmet语法

Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法标签div 然后tab 键 1<div></div> 多个相同标签div*3 123<div></div><div></div><div></div&g...

css基础选择器和组合选择器

CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。css选择器分为简单选择器(根据名称、id、类来选取元素)、组合器选择器(根据它们之间的特定关系来选取元素)、伪类选择器(根据特定状态选取元素)、伪元素选择器(选取元素的一部分并设置其样式)、属性选择器(根据属性或属性值来选取元素)