qq_52181663的博客

background-size写法一宽度高度。百分比参考容器的宽高auto 默认成比例。

1.与其他的行内元素或者行内块元素共用一行，按顺序从左到右排列，一行放不下!1.与其他的行内元素或者行内块元素共用一行，按顺序从左到右排列，一行放不白动换行。5.在网页中以块的形式存在，作为容器放置其他元素或者内容，常用于布局。3.默认宽高不同浏览器默认值不同，后期需要我们去设置。3.默认宽度为父元素的100%,默认高度靠内容撑开。行内元素、内联元素(特殊的行内块元素)4.盒子模型的属性均有效。4.盒子模型的属性均有效。1.元素的类型分两类。1.元素的类型分两类。2.元素的类型分三类。

1.父元素里面的第一个子元素添加margin-top，会把父元素带下来2. 相邻的上下两个盒子，垂直外边距相遇，数值以大的为准。3.不独占一行的元素使用上下的padding/border / margin无效4.元素的宽度。width+左右的padding+左右的border+左右的margin元素的实际宽度。4.是添加给自身,调整自身的位置或者调整元素与元素之间的位置。width+左右的padding+左右的border。1.不会撑大盒子2.没有颜色3.有负数。4.是添加给父元素,调整子元素的位置。

就是行内块元素，行内块元素会默认是基线对齐方式，所以距离底线会有3-5px的间隙，这个间隙问题就叫幽灵空白节点。2 可以改变此图片的对齐方式 除了baseline。可以改成middle top bottom。解决方法： 1 可以把行内块元素转变为别的类型 比如 block不独占一行。基线就是在浏览器中小写英文字母的位置。

float属性，除了left,right,还有none;网页文字常用字号：是偶数px. 因为奇数会造成锯齿。a标签的属性：herf,title,target。img标签的属性有：src,title,alt。padding没有负值，magin有负值。能实现折行效果的标签是 p,div,br。

width="50epx” 宽度height="40Opx”高度border= "1px”边框的宽度， cellspacing="0”单元格与单元格之间的间距cellpadding="10px”单元格与内容之间的间距。valign单元格内容的垂直对齐方式。align单元格内容的水平对齐方式。2.合并几个单元格，属性值就写几。1.合并的时候总是向下或者向右。表格 table>tr>td。table----表格的区域。table的html属性。3.把多余的单元格注释掉。td的html.属性。

3.BFC区域的元素的margin-left和BFC区域的元素的border-left相接触4.bfc区域与外界毫不相干：这个规则。例如子元素设置浮动后，进入浮动流而脱离文档流，造成父元素高 度塌陷，此时，触发父元素BFC可以解决问题。2 块级盒子-----触发了BFC条件-----BFC盒子佳佳-------中彩票------暴发户。2.内部的块状元素的垂直方向的距离由margin控制，相邻的两个元素之间的margin会重叠。5.bfc区域不和浮动元素相重叠 这个规则一般用于两栏或者三栏布局。

等，他们区别一般inline元素（相对而言，称non-replaced element）是：这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性。他们的性质同设置了display:inline-block的元素一致，他们被称为可置换元素（Replaced element）即置换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。8 行内元素的特征有哪些：（1）此元素可以和其他行内元素在一行逐个显示；非置换元素：div，span。

3、E[attr~=“value”]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写`X:only-child这个伪类一般用的比较少，比如上述代码匹配的是div下的有且仅有一个的p，也就是说，如果div内有多个p，将不匹配。4、E[attr^=“value”]：指定了属性名，并且有属性值，属性值是以value开头的；（1）E>F:子代选择器：选择匹配的F元素，且匹配的F元素所匹配的E元素的子元素。

盒子可以写多阴影，盒子阴影模糊程度不能为负，颜色默认为文本颜色，不是盒子背景色，阴影大小默认为盒子大小。盒子阴影 :水平阴影，垂直阴影，模糊程度，阴影大小，颜色；/* 文字阴影 水平阴影 垂直阴影 模糊程度 颜色 *//* 水平垂直数值可以为负，但不能不写，不写没效果 *//* 模糊程度不能为负值 颜色默认跟随文本颜色 */文字阴影 水平阴影 垂直阴影 模糊程度 颜色。/* 多阴影可以有，中间用逗号隔开就好 */

两个值1-左上右下2-右上左下三个值1-左上 2-右上左下3-右下。四个值1234-顺时针-左上右上右下左下。2 百分比参考元素的宽高。

过渡是主动触发的，一般过渡只有在鼠标移入之后才有效所以过渡属性要写在元素的默认状态中。/* 写过渡属性 要写在元素的默认位置 过渡一般是只在鼠标移动时才写的效果 */transition-property:要发生过渡的属性。transition-duration:持续时间。transition-delay:延迟时间。s ms1s=100ems默认值0s。过渡 transition。/* 持续时间 必须写*//* 延迟时间 */

background-image: linear-gradient(方向,颜色1,颜色2…to right top去到石上角从左下角到右上角。to left 去到左边从右到左。18edeg默认值从上到下。to bottom默认值。二、径向渐变（了解就行）01.默认值从上到下。两段颜色在同一个位置。

auto 默认继承父元素的 align-items的属性值，如果父元素没有设置align-items，4、项目的总宽度大于容器的总宽度的时候，会自动缩小以适应-子元素不受元素类型的影响，按照块元素处理。stretch 默认值拉伸项目在交叉轴方向上不设置尺寸的时候flex-start交叉轴起点对齐。flex-end 交叉轴终点对齐center交叉轴中心对齐baseline交叉轴基线对齐。所以说当元素变成了容器之后，容器和项目所有的改变水平或者垂直对齐方式的属性会失去效果。默认拉伸以适应交叉轴的空间。