1px

首页 > TAG信息列表 > 1px

百度前端二面高频面试题合集

冒泡排序--时间复杂度 n^2 题目描述:实现一个冒泡排序实现代码如下: function bubbleSort(arr) { // 缓存数组长度 const len = arr.length; // 外层循环用于控制从头到尾的比较+交换到底有多少轮 for (let i = 0; i < len; i++) { // 内层循环用于完成每一轮遍历过

css margin负值

margin，外边距，就是设置元素的从边框最外边缘向外（正值）或者向内（负值）的延申的距离。 margin是完全透明的，看不见的。但它是元素之间的边界　　margin的边界线是两个元素之间真正的边界线。　　元素的外部边界线就是元素的margin边界线。元素的内部边界想就是元素的padding边界线（或者

使用awescnb项目美化博客园皮肤

0. 致谢首先感谢，awescnb项目及其成员，提供的一系列成果，使得博客园的皮肤美化，变得非常简单且美好。这里是该项目的使用手册等公告文档，你需要的一切都可以从这上面得到。这里是该项目最初的作者写的博客园汇总贴。 1. 开始设置博客园皮肤 awescnb的公告文档，已经详细说明了该如何使

CSS样式打勾

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /**绿色勾*/ .checked { display: inline

6.CSS定位

6.定位 6.1相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style> body{ padding: 20p

4.CSS盒子模型

盒子模型 4.1 什么是盒子模型 margin：外边距 border：边框 padding：内边距 4.2 边框 1，边框的粗细 2，边框的样式 3，边框的颜色 /*body总有一个默认的外边距*/ body{ margin:0; padding: 0; text-decoration: none; } /*border:粗细，样式，颜色*/ h2{ font-

px，魔法单位 | CSS

px，魔法单位 | CSS 1px 是指 CSS 中每个屏幕上的 1 个像素吗？我们都在 CSS 中使用 px 单位来为宽度、高度、边距、字体大小等赋值。但这里的问题是一个像素到底是多少。它是否适用于所有屏幕尺寸？简短的回答是 px 不固定 , 但是 1px 会有相同的视觉外观与屏幕像素比、屏幕尺寸或

css绝对定位

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>默认</title> <style> div{ margin: 10px; padding: 5px; font-size: 12px;

自定义边框虚线

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px au

css 虚线

// 横向虚线 .dash-horizontal { width: 100%; height: 1px; background-image: linear-gradient(to right, #ddd 0%, #ddd 50%, transparent 50%); background-size: 8px 1px; background-repeat: repeat-x; } // 竖向虚线 .dash-vertical { hei

z-index仅能在定位元素上有效

mrgin负值运用，解决产品列表盒子边框合并问题，同时鼠标指上后改变边框状态 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name

如何写一个全局的 Notice 组件？

下面将会实现这样的效果：创建Notice组件模板：组件模板 <template> <transition enter-active-class="animate__animated animate__slideInRight" leave-active-class="animate__animated animate__slideOutRight" @after-leave="afterLeave&qu

css相对父元素 [爷爷级]

https://codepen.io/hellohy/pen/QMOyWR <div class="l-container"> <div class="container"> containercontainercontainercontainercontainercontainercontainercontainercontainercontainercontainercontainer <button>

vue3状态驱动动态css

- vue3单文件组件的 <style> 标签可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上： template <div class="dynamicClass"></div> script 　　　　const theme = reactive({ border: '1px solid red', background: 'pink'

如何解决换行与1px像素问题

文字超出省略用哪个css样式？单行文字 #box1 { border: 1px solid #ccc; width: 100px; white-space: nowrap; /* 不换行 */ overflow: hidden; text-overflow: ellipsis; /* 超出省略 */ } 多行文字 #box2 { border: 1px solid #ccc; width: 100px;

CSS - 学习笔记

CSS - 学习笔记一、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS : 表现（美化网页）字体，颜色，边距，高度，宽度，背景图片…… 二、CSS 基本语法  <styl

移动端1px物理边框的css

@charset "utf-8"; .border, .border-top, .border-right, .border-bottom, .border-left, .border-topbottom, .border-rightleft, .border-topleft, .border-rightbottom, .border-topright, .border-bottomleft { position: relative; } .border::before, .b

学习python，从入门到放弃（39）

学习python，从入门到放弃（39）伪元素选择器通过css操作文本内容修改首个字体样式 p:first-letter { color: red; font-size: 48px; } 在文本开头添加内容 p:before { content: 'hello'; color: blue; }

Qt控件样式设置

一、简述QSS：全称 Qt Style Sheets（Qt样式表），用于美化Qt程序界面，类似于CSS，但不如CSS强大，选择器和属性较少。Qt定制化CSS。QSS可以通过控件对象的setStyleSheet方法设置控件样式。二、控件样式设置2.1边框线2.1.1按钮QPushButton 1 //线粗细：1px 2 //线类型：solid实线 3 border:1px

清除浮动的四种方式

父元素不写高度时，子元素写了浮动之后，父元素会发生高度塌陷示例代码: HTML代码: <div class="box"> <div class="box-l">left浮动</div> <div class="box-r">right浮动</div> </div> CSS代码: .box{ width:400px; border:1px solid

vue CLI_Todo-List案例

src\App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader :addTodo="addTodo"/><!-- 父组件向子组件传递一个函数，然后子组件调用这个函数把需要的值用形参传递过去 --&

前端-CSS

前端-CSS 一、什么是CSS 1.1 什么是CSS 1.2 发展史 css1.0 css2.0：DIV(块标签) span(行标签) ，HTML与CSS结构分离的思想，网页变得简单 CSS2.1 浮动、定位 CSS3.0 圆角、阴影、动画... 浏览器兼容性 1.3 快速入门 html和CSS没有分离 <!DOCTYPE html> <html lang="en"> <head> <me

小程序入门

小程序 wxss 1.demo01{ writing-mode: vertical-lr; 字体方向 font-size: xx-large; 字体大小 font-weight: 500; 字体宽度 font-family: sans-serif; 字体类型 color: cyan; 颜色 text-align: left; 文本对齐方式 display: flex; 弹性布局 font-style: inherit; 斜体或正

CSS3-第四部分-浮动

1，浮动浮动的出现是为解决图片站住了文字的效果，想要实现一种文字坏绕图片而产生的技术。后来随着页面的提升，人们发现，使用浮动技术，可以用来帮助页面布局，所以浮动又有了一些新的作用，比如可以使用浮动，让无序列表从纵向排列变成横向排列等等。 2，文档流我们的页面布局实在不做

登录界面

<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html{ width: 100%; height: 100%;