一、CSS1.概述CSS(Cascading Style Sheets),层叠样式表,用来控制网页数据的表现,使网页的表现与数据内容分离。2.引入方式(1)行内式 <body>
<div style="color: chartreuse;background-color: bisque">Hello,world!</div>
</body> (2
table居中及div背景图片设置
<html>
<head>
<title>服务器配置</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf
原创
2011-07-26 15:32:55
409阅读
实现居中对齐 1.在知道父级高度的情况下: a. 上下居中,在知道自身高度的情况下根据计算使用padding和margin实现 b. 也可以使用line-height来实现 c.在父元素跟子元素行高一致时,可以设置子元素vertical-align: middle,且子元素为行内元素 注意:关于ve ...
转载
2021-08-17 10:32:00
58阅读
目录 1.高度和宽度 2.字体相关 3.字体对齐 4.颜色设置 5.背景 6.边框 7.盒子模型 8.display属性 9.伪元素选择器 10.伪类选择器 11.浮动 12.文字装饰 13.相对和绝对 14.固定 1.高度和宽度 <!DOCTYPE html> <html lang="
原创
2022-08-18 01:00:07
69阅读
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。margin:10px 5px 15px 20px;上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20pxwidth:100px;设置元素的宽度做一个简单的登录页面<style> .bb{border:2px solid red ;width: 600px;margin: 15
原创
2015-10-12 14:18:38
635阅读
默认是流模式布局如果让下一个div往下在垂直的地方放置.在上一个div使用clear:both;让div垂直居中margin: 15px auto; 指定上边距,其他的自动,那么就垂直居中. 左侧导航,放在一个iframe里面.弹出的类目导航数据,老是被右侧的div盖住.无论怎样设置z-index 都不起作用. 原来在iframe里面,总是被遮盖住了.将 ...
原创
2023-06-15 00:33:10
81阅读
1、元素居中 水平居中: 行内元素:text-align: center; 块级元素: &nb
原创
2024-01-12 15:33:12
117阅读
本文档包括CSS的 样式 定位 框模型
如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失。
您可以通过 background-p_w_upload 属性防止这种滚动。通过这个属性,可以声明图像相对于可视区是固定的(fixed),因此不会受到滚动的影响:
body
{
 
原创
2013-05-04 21:37:09
899阅读
一.禁止点击 html{ pointer-events:none;} 二.静止选中 #web html{ user-select:none; } #手机端 html{{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-us
原创
2021-06-03 17:25:42
116阅读
一、float介绍 float元素也称为浮动元素,设置了float属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离,但浮动元素影响的不仅是自己,它会影响周围的元素对齐进行环绕。简单来说,就是让block元素无视float元素,让inline元素让流水一样围绕着float元素来实现浮
转载
2020-10-14 15:37:00
188阅读
2评论
css中浮动相关:为什么要添加浮动:让块级元素排列float属性创建浮动框,将其移动到一边,直到左边缘或者右边缘接触包含块或者另一个浮动款的边缘。方法:float:left/right 清除浮动:1、父盒子没有高度 2、子盒子浮动了 3、影响下面的布局清理浮动的方法:1:通过给子元素最后添加一个块级 ...
转载
2021-07-27 08:33:00
172阅读
2评论
一、box-flex 定义两个可伸缩的 p 元素。如果父元素的总宽度是 300 像素,则 #p1 的宽度是 100 像素,而 #p2 的宽度是 200 像素 1 #p1 2 { 3 -moz-box-flex:1.0; /* Firefox */ 4 -webkit-box-flex:1.0; /* ...
转载
2021-09-06 14:53:00
148阅读
2评论
1. install normalize:yarn add normalize.css -D(1). 引入src/index.js或src/index.tsx:import "normalize.css";2. install sass:yarn add node-sass@4.14 -D3. 配置less:(1). 安装less相关依赖:yarn add less@4.1.1 less-load
原创
2023-09-13 09:51:59
101阅读
background背景背景共分为以下8个属性background-color:背景颜色background-image:背景图片background-repeat:背景图片重复background-position:背景图片位置background-size:背景图片尺寸background-attachment:背景图片是否固定不动background-clip:背景覆盖区background
原创
2018-09-05 11:45:48
727阅读
在探讨“软考必须是相关工作吗还是专业”这一问题时,我们首先需要明确软考(软件水平考试)的基本定义及其目的。软考,作为国家级的专业技术职业资格考试,旨在评估和提升软件行业从业人员的专业技能水平,为软件产业的发展提供人才支撑。因此,它不仅仅是一个考试,更是一个衡量个人在软件领域实际工作能力的重要标准。
那么,回到问题的核心,软考是否必须是相关工作或专业背景呢?从报名资格的角度来看,软考并没有严格限制
原创
2024-05-23 02:49:02
20阅读
一、关于css语法。CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 selector { property: value;
转载
2017-05-26 21:20:24
630阅读
一,字体相关css属性介绍 1)font-family 字体系列。 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。 简单示例: body { font-family: "Microsoft Yahei"
原创
2021-07-29 09:41:48
166阅读
一、字母间距,汉字间距 letter-spacing
转载
2012-07-03 20:04:00
110阅读
2评论
1:有序列表、无序列表与定义列表 测试 无序列表 奔驰 通用 丰田 有序
原创
2022-09-05 16:49:49
119阅读
一.CSS3转换(transform)css3包括两种转换,2D转换和3D转换。css3的转换允许我们对元素进行旋转、缩放、移动沿y方向的
原创
2023-02-01 09:53:10
77阅读