父div的位置设置成相对的，即“position: relative;”。而子div的位置设置成绝对的，并且下边缘设为0，即“position: absolute; bottom: 0;”-------------------------简单的一个需求， 映射着常常被忽略的知识啊。上次面试没写出来，得学习。 ·思路及要点： 父div的位置设置成相对的，即“p...
原创
2023-06-23 07:02:58
24阅读
.table-flex { align-items: center; display: flex;
原创
2022-10-14 19:13:50
1145阅读
除了flex，想让文字垂直居中还可： 1.行高： 2.table-cell + veticel:middle
原创
2022-05-31 19:01:05
332阅读
我们知道 css 作用是美化 HTML 网页和控制页面布局的,接下来我们来学习ground:gold; 设置元素的背景色, background: ...
原创
2022-11-01 16:40:42
162阅读
Css布局样式调整记录
1. 在中间显示一个登录框。使div居中并且垂直居中显示
css如下：
width: 450px;
height: 300px;
background-color: #e1e7ec;
border-radius: 3px;
//生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
//元素的位置通过 "left", "top",
转载
2021-06-12 21:35:10
199阅读
2评论
内容概要：一、div和span(1)块级标签：div(2)内联标签：span如图所示：二、盒模型(重要)注：可用浏览器的调试工具可查看盒子（1）margin:盒子外边距（2）padding:盒子内边距（会改变块的大小）（3）border:盒子边框宽度（4）width:盒子宽度（5）height:盒子高度例子：①：外边距和内边距区别：demo.html<!doctype html&g
原创
2016-07-15 18:35:55
1516阅读
给文字添加阴影语法：text-shadow:length(x) length(y) length(r) color;length(x):表示阴影在横向上与文字的距离；length(y):表示阴影在纵向上与文字的距离；length®:表示阴影模糊半径大小color:阴影的颜色如果需要添加多个颜色的话：text-shadow:20px 20px 20px red, 30px 30
原创
2022-10-28 04:26:15
112阅读
div居中 文字居中 文字垂直居中
原创
2021-08-05 16:21:28
1780阅读
正常的项目当中，应当有一个common.css，就是把一些常用的样式，写入其中。 然后再结合一些特性的css，构造漂亮的页面。 下面欣赏一些海盗商城的common.css。 类名称通俗易懂，样式多样且全面。支持各种手机端布局。很棒。值得借鉴。
原创
2021-08-05 16:42:06
194阅读
DIV+CSS布局1 div和span DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 DIV和SPAN的区别在于，SPAN是内联元素，DIV是块级元素2 盒模型 margin 盒子外边距 padd
原创
2017-09-23 15:15:31
1087阅读
css样式布局
原创
2022-12-14 20:50:36
71阅读
点赞
1评论
在上一节中学习了如何通过JavaScript来修改CSS样式。简单地说：查询CSS样式（即计算样式），设置单个样式（设置的是行内样式），设置多个样式（通过类来设置样式）。即：通过DOM Element对象的getAttribute()、setAttribute()和removeAttribute()等方法修改元素的style属性通过对元素节点的style来读写行内CSS样式通过style对象的cs
CSS中的非布局样式在CSS中，非布局样式是指那些不会直接影响页面布局的样式。这些样式主要关注的是元素的颜色、字体、背景、边框、阴影等视觉效果。以下是一些常见的非布局CSS样式：文本样式：包括字体（font-family）、大小（font-size）、粗细（font-weight）、样式（font-style）、颜色（color）等。背景样式：包括背景颜色（background-color）、背景
Text-transform常用属性text-transform: capitalize每个单词的首字母转换为大写字母text-transform: uppercase 全部转换为大写text-transform: lowercase全部转换为小写text-transform: none是一个关键字，用于阻止更改所有字符的大小写。text-transform: full-width 用于强制在正方
原创
2022-10-24 10:49:25
437阅读
ddd .title{width:80%;display:flex;margin:30px auto 24px;} .line{flex:1;border-top:1px solid rgba(255,255,255,0.2);position: relative;top:6px;} .text{padding:0 12px;font-size...
转载
2019-03-13 17:31:00
457阅读
2评论
哎，页面布局及设计开发。对于一个一直从事后台开发来说屌丝来说，确实是件非常费时、费力，非常艰难的一件事。 今晚是想实现把多张重叠在一起。或是标记一张图片中不同的位置然后赋以超链接。花了一晚上的时间，才算初步搞定，大致明确了下面几个css属性使用方法。 【1】将标签设置为float。和同事讨论： ht
转载
2017-05-03 08:03:00
113阅读
2评论
1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了，比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比1.2 背景缩放background-size语法：background-
转载
2023-07-13 11:23:17
197阅读
原本以为文字溢出的处理比较复杂，没想到这么一简简单单的一句话就搞定了，css真是神奇：style = "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" 现在学习希望搞清楚每个具体的属性的意思，存在脑子里，以后就可以顺手写出来啦！查阅了下，属性如下：white-space：nowrap;表示文本不会换行，在同一行继续
转载
精选
2014-11-21 16:53:41
722阅读
CSS字体样式属性调试工具目标应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常用的emment语法能够使用开发人员工具代码调试1.font字体1.1 font-size:大小作用：font-size属性用于设置字号p { font-size:20px; }单位：可以使用相对长度单位，也可以使用绝对长度单位。相对长度单
原创
2022-10-14 11:28:49
79阅读
css样式大全(整理版） 字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font
