xiaomizhou66a的博客

css 特殊样式解决一、前言二、小问题2.1 img 标签，图片为空时 去掉默认边框2.2 子元素的 margin 会突破父元素2.3 input 输入框的高度与 button 还有 select 都是不同的，怎么让他们变得一致。2.4 首行缩进2.5 怎么让 Chrome支持小于12px 的文字2.6 两个 div 一个固定宽度，另一个填充满窗口2.7 文本省略2.8 margin 与 widt...

CSS 媒体类型 应用：相应式布局使用，特殊设备效果一、媒体类型了解解释：媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，这使得你用不同的设备看到的效果是不一样的。 网页端，手机端，pc端，app端，打印机，盲人机等等。并且一些css属性是在特定的媒介设备才会有的。应用：一些CSS属性只设计了某些媒体。例如"vo...

css clear属性深入了解：一、什么是 CSS clear清除浮动？ 元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。clear 属性指定元素两侧不能出现浮动元素。使用 clear 属性往文本中添加图片廊：clear属性值：lef...

选择符/选择器 深入了解 全面的选择器学习：一、什么是选择器/选择符？在 CSS 中，选择器是一种模式，通过选择器 ，我们可以选择到相应的元素。对齐添加样式。二、选择器/选择符 分类序号 大类 示例 说明 ① 通配选择器（全局选择器） * 指的是所有标签元素 不要轻易使用这个选择器，比较消耗...

伪类/伪元素选择符/选择器 深入了解：一、伪类选择符/选择器 CSS伪类是用来添加一些选择器的特殊效果。 就是给某个元素后面加上冒号然后加上需要的特殊修饰词 选择到所需要的效果，或者是元素。 ①元素使用伪类 例如：a：link ②元素的类使用伪类 例如：a.red:visited...

组合选择符 深入了解：一、组合符是通过简单的选择符组合起来使用的 选择符 在 CSS3 中包含了四种组合方式:后代选择器(以空格分隔) 0个，1个，多个 子元素选择器(以大于号分隔） 0个，1个，多个 相邻兄弟选择器（以加号分隔） 0个，1个 普通兄弟选择器（以破折号分隔） 0个，1个，多个1、后代选择器（俗...

CSS 布局 - 水平 & 垂直对齐,全面的水平垂直居中方案：一、水平垂直居中对齐 居中效果主要用途在于① 元素框内的文本，图像居中，使用text-align，vertical-align，line-height等达到效果② 布局时的div框水平垂直居中，使用margin，position等达到效果，二、文本水平垂直居中，1、文本水平居中...

css float属性深入了解：一、什么是 CSS Float（浮动）？CSS 的 float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。float属性的值：属性 描述 值 CSS float 指定一个盒子（元素）是否可以浮动。 left right non...