css复合选择器 css 分为 基础选择器 和 复合选择器 , 但是基础选择器不能满足实际开发中 快速高效的选择标签 目的是为了选择更准确更精细的目标元素标签 复合选择器是由两个或者多个基础选择器 , 通过不同的方式组合而成 后代选择器 ( 重点 ) 当标签发生嵌套时 , 内层标签就成为外层标签的后 ...
分类:
Web程序 时间:
2020-01-31 22:48:03
阅读次数:
96
HTML基本架构HTML文件包括文件头和文件体两部分构成,一般情况下HTML文件的结构如下所示:<html><head>头部信息</head><body>文件主体,正文部分</body></html>常用标签<b>加粗的文字</b><i>倾斜的文字</i><del>删
分类:
Web程序 时间:
2020-01-30 15:50:48
阅读次数:
129
一 要实现的样式,文字在图片的垂直居中位置 二 实现的代码: <style> .flag{ position: absolute; bottom: 0; width: 23rem; height: 2.5rem; line-height: 2.5rem; } .flag img{ width: 1. ...
分类:
Web程序 时间:
2020-01-27 23:40:41
阅读次数:
94
"CSS间距" "内补白" "外补白" "盒子模型" CSS间距 很多时候我们为了美观,需要对内容进行留白设置,这时候就需要设置间距了。 内补白 设置元素的内间距 padding: 检索或设置对象四边的内部边距 padding:10px; 上下及两边设置 padding:5px 10px; 由上边界 ...
分类:
Web程序 时间:
2020-01-19 22:00:56
阅读次数:
192
绝对定位居中 Absolute Centering <div class="Container"> <div class="Absolute-Center"> </div> </div> .Container { position: relative; } .Absolute-Center { po ...
分类:
Web程序 时间:
2020-01-18 21:09:06
阅读次数:
117
1、align对齐属性值:left、right、center、justify(伸展对齐) 2、空格:" " 3、文字展示形式: <i></i> = <em></em> = 斜体 <b></b> = <strong></strong> = 粗体 <sup> = 上标 <sub> = 下标 4 ...
分类:
Web程序 时间:
2020-01-17 23:32:04
阅读次数:
144
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document</title> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } bod ...
分类:
其他好文 时间:
2020-01-16 12:26:04
阅读次数:
54
垂直居中,在CSS中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法,是的,你没有看错,::after和::before也可以实现居中。1、flex大家的第一反应,可能就是flex了。因为它的写法够简单直观,兼容性也没什么问题。是手机端居中方式的首选。<
分类:
Web程序 时间:
2020-01-16 01:00:21
阅读次数:
110
前言 工作三年,写了不少代码,也确实接触不少技术。但是仔细回顾,却又感一片空白,一脸茫然。故尝试揣摩业界大牛的一些历程,希望能得到不一样的收获。 张鑫旭前辈的博客是很不错的选择之一,对 html、css、jquery 这些基本技能阐述得十分透彻。本文是对其很早一篇文章复选框或单选框与文字对齐的问题的 ...
分类:
其他好文 时间:
2020-01-15 21:29:04
阅读次数:
99
对于元素的水平居中,我根据我自己之前的一些学习来进行一些总结,如果有不对的地方,欢迎指正~ 一、让大小不固定的元素垂直居中 因为:表格的单元格的特别属性:垂直居中等; `div.parent { display: table-cell; vertical-align: middle; height: ...
分类:
Web程序 时间:
2020-01-14 09:44:51
阅读次数:
95