Czhongyi的博客

控制英文断词换行word-break: keep-all; word-wrap: break-word;

关于头部区域的视口<meta name="viewport" content="width=device-width, initial-scale=1.0"> 在pc端布局写不写无所谓 但是移动端必须写关于计算单位rem网页中常用的单位有哪些 - px 像素 - em 相对单位 - pt 磅 硬件、打印机 - % - deg - rem 相对单位 相对于html根元...

关于多列布局css多列布局column-count 列数属性属性值：nmber;属性值：数值加单位；column-rule 边框；column-fill:auto/balance ;auto 表示各列的内容自动补充；balance 均衡补充；column-span ;none 表示不跨列 ；all 横跨所有列，并定位在列的z轴之上；text-align:center; 使用在块元素上 ，块元素默认独占一行，宽度100%；column-width:列的宽度；column

标准盒模型 - 组成部分: content + padding + border + margin - 计算方式: - 计算自身的大小 content+padding+border - 盒子在浏览器中所占的位置大小 content+padding+border+margin怪异盒模型(IE盒模型):在IE低版本浏览器如果丢失了文档类型,触发IE盒模型(IE6)...

关于3D和动画的学习景深 近大远小 景深的样式程序中实现的方法 perspective 元素距离 视线的距离（物体和眼睛的距离越小，近大远小的效果越明显） 属性和属性值：perspective: 1200px;（在父元素中使用）transform:perspective(1200px) （在子元素中使用）3D属性 2d场景，在屏幕上水平和垂直的交叉线x轴和y轴3d场景，在垂直于屏幕的方法，相对于3d多出个z轴Z轴：靠近屏幕的...

线性渐变属性的学习属性:background 属性值:linear-gradient(参数) - 第一个参数表示方向 - 第二个参数表示颜色1 - 第三个参数表示颜色2 - ...最少两个、多个、无数个颜色 注意- 每个参数之间都需要用逗号隔开 - 线性渐变是有兼容问题的,需要加浏览器前缀，但是在工作中一般不考虑兼容写法 第一个参数:方向 - 从一个边到另一个边 t...

CSS3中新增得属性属性选择器的使用 E[attr] E表示标签的名字 [ ]中括号中填写选择属性 attr是一个属性 E[attr=”value”] 表示选中属性中带有value属性的 E[attr~=”value”] 表示选中有attr属性，且是有共同的value（某某）属性 E[attr ^="value"] 表示选中有attr属性，且是有共同的value（某某）属性开头/开始的 E[attr $="value"...

关于html5的新知识Html大前端 发布时间为2014年 为什么推出html5 手机移动，pc电脑，pad 兼容优化 用户体验上做出的优化 Html5更新了哪些技术 新增了语义化标签、header、footer、main 新增了属性 placeholder 新增了api（数据接口。操作）七天免登录...

关于表单的回顾： -表单的作用是收集用户的数据，后续和后台发生数据交互 <form表单 action="提交的地址" name="表单的名字" method="get/post提交给浏览器的方式"> <input type="text" name="" size="文本输入框的大小设置" maxlength="最大长度字符" value="占位符"> <!-- password密码输入框、radio单选框、ch...

关于宽高大小自适应 今天的内容大纲解释了：宽度自适应的问题 高度塌陷的问题 兼容的问题关于宽度自适应width -在页面的布局中如果是“块级元素”设置宽度为100%或者不设置的情况下，宽度默认自适应到整个屏幕，（达到通栏的效果） -块级子元素不设置宽度的时候，和父级等宽度...