langmanboy的博客

CSS技巧1. css初始化不同浏览器对有些标签的默认值是不同的，为了消除不同的浏览器对 HTML 文本呈现的差异，兼容浏览器需要对 css 初始化使用 github 上超火的 css 初始化库 Normalize.css 使浏览器呈现所有 HTML 元素更加一致，并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式cdn 引入 <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/nor

背景CSS 背景属性用于定义HTML元素的背景CSS 属性定义背景属性background-color：定义了CSS中任何元素的背景颜色background-image：允许在元素的背景中显示图像（一个或多个背景图像）background-repeat：用于控制图像的平铺行为background-attachment：设置背景图像是否固定或者随着页面的其余部分滚动background-position：允许您选择背景图像显示在其应用到的盒子中的位置background: bg-color

文本与字体1. 文本属性属性描述color设置文本颜色direction设置文本方向。letter-spacing设置字符间距line-height设置行高text-align对齐元素中的文本text-decoration向文本添加修饰text-indent缩进元素中文本的首行text-shadow设置文本阴影text-transform控制元素中的字母unicode-bidi设置或返回文本是否被重写ve

继承层叠优先级在使用CSS选择器的时候要注意CSS的三大属性：继承性和层叠性和优先级属性。继承性。有一些属性给祖先元素，所有的后代元素都集成上了。关于文字样式的（color、font-、text-、line-），都能够继承； 所有关于盒子的、定位的、布局的属性都不能继承层叠性。层叠性是一种能力，就是处理冲突的能力。当应用两条同级别的规则到一个元素的时候，写在后面的就是实际使用的规则优先级。浏览器是根据优先级来决定当多个规则有不同选择器对应相同的元素的时候需要使用哪个规则1. 继承性

CSS 选择器1. 什么是 CSS 选择器？CSS 选择器用于查找（或选取）要设置样式的 HTML 元素CSS 选择器可以分为五大类：简单选择器（根据名称、id、类来选取元素）组合器选择器（根据它们之间的特定关系来选取元素）伪类选择器（根据特定状态选取元素）伪元素选择器（选取元素的一部分并设置其样式）属性选择器（根据属性或属性值来选取元素）选择器 {属性: 属性值;}2. 简单选择器元素选择器类选择器id 选择器* 通用选择器（通配符）交集与并集选择器2-1 元素

伪类和伪元素1. 伪类伪类是选择器的一种，它用于选择处于特定状态的元素伪类就是开头为冒号的关键字::pseudo-class-name:link选择器描述:active在用户激活（例如点击）元素的时候匹配。:any-link匹配一个链接的:link和:visited状态。:blank匹配空输入值的<input>元素。:checked匹配处于选中状态的单选或者复选框。:current (en-US)匹配正在展示的元素，或者其上级元

浮动1. 什么是浮动？浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素，其周围的元素也会重新排列浮动属性：none：默认值。元素不浮动，元素会按照标准文档流显示位置left：元素向左浮动right：元素向右浮动inherit：规定应该从父元素继承 float 属性的值float: none|left|right;2. 什么是标准文档流？标准文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从

盒模型1. 盒模型CSS 盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容盒模型允许我们在其它元素和周围元素边框之间的空间放置元素CSS 中组成一个块级盒子需要:Content box（内容）: 这个区域是用来显示内容，大小可以通过设置 width 和 heightPadding box（内边距）: 包围在内容区域外部的空白区域； 大小通过 padding 相关属性设置Border box（边框）: 边框盒包裹内容和内边距。大小通过 border 相关属性