zcf710的博客

转载 JavaWeb项目开发异常总结

原创 CSS技术分享

移动端准备工作： 1，<meta name="viewport" contert="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 2,单位：px, pt, em, % em 相对大小（相对于父元素font-size的值） rem （默认情况下）1rem=16px 原理：rem的值是根据元素html的font-size发生变化。 3，ppi dpi dpr（设备像素...

原创 CSS技术分享

1，多列： column-count：分栏的个数 column-width：分栏的宽度 column-gap：分栏的间距 column-rule：分栏的边框 column-fill：auto；（auto优先填充高度） 2，媒体查询： @media scree and （min-width：；） and （max-width：；）{ body{ backg...

原创 CSS技术分享

怪异盒子模型 1，box-sizing：border-box；怪异盒子模型 怪在：不会因为padding和border而改变盒子的大小 弹性盒模型 1，display：flex/inline-flex 设置为弹性盒（父元素添加） <1>,flex：将对象作为弹性伸缩盒显示 &l...

原创 CSS技术分享

css中Transform转换属性： 1，transform：translate（200px）； 平移，默认是x轴移动，单位可以是%。 2，transform：rotate（300deg）； 旋转，单位deg（是度数），默认是z轴旋转。 3，transform：scale（2）；缩放 默认是x和y同时缩放，默认值是1.。 4，transform：skew（30deg）；倾斜 ，单位deg 5，transform：perspective（200px） 为3D转换元素定义透视视图。 ...

原创 CSS技术分享

css设置中英文大小写的属性： 1，text-transform控制文本的大小写 a，text-transform：capitalize；文本中的每个单词以大写字母开头 b，text-transform：uppercase；有大写字母 c，text-transform：lowercase；无大写字母，仅有小写字母。 d，test-transform：none；默认值 2，font-variant设置文本的大小写 ...

原创 CSS技术分享

HTML5常用标记： 1，<header></header>头部 2 <section></section>内容区 3 <nav></nav>导航栏 4 <aside></aside>辅助信息 5 <article></article>文章区 6 <hgroup></hgroup>标题...

原创 css技术分享

1，H5新增的属性： <form action="网址”> 请输入你的邮箱：<input type="email"<br> 购物车：<input type="num

原创 CSS技術分享

1，caption設置表格的标题 colgroup:可以操作列col thead/tbody/tfoot 属性：rules给表格加边框 2，表格属性CSS属性： border-color边框颜色 border-spacing边框与边框的距离 border-collapse：collapse； caption-side：top；顶部居中 border-collapse：0； ...

原创 css及h5技术分析

1. 宽度自适应 1 不设置宽度，一般给的是最大的盒子，默认继承父元素的宽度，浮动之后无法继承父元素的宽度 2 width设置%，宽度的单位不用px，用相对单位，比如%，一般都是里面的容器 3 用min-width ，max-width 设置在响应式布局上 2. 高度自适应 1 高度设置%(html,body{height:100%}只有一般的界面，min-height/max-height)、 2 高度不设置，依靠子元素填充高度，子元素浮动...

原创 css及h5技术分析

1.定位 锚点定位 postion 定位相关属性值 postion ：static 属于默认值及默认文档流 默认偏移位置（top/left/right/bottom）时候的参照物 2.position：absuolute ；绝对定位，脱离文档流 A:当没有父元素或者父元素没有定位，参照物是浏览器窗口的一屏 B：有父元素且父元素有定位，以父元素的位置进行移动 3.position：relative；相对定位 不脱离文档流，以自己的初始位置进行移动 4.position：fixed：固定定位...

原创 CSS技术分享

1，链接伪类选择器： a：link 为访问前的链接 a：visited 以访问的链接 a：hover 鼠标悬浮时链接显示的变化，鼠标悬停时内容的隐藏与显示，选择器：hover要显示的元素（要显示的元素，必须在选择器里面，a标签可以切换为其它的可选择器 a: active 鼠标点击时，显示的样式，a标签也可以换为其它的选择器 display：none；可以隐藏元素 display：block： 元素类型为块级元素 2.定位： ...

原创 CSS技术分享

1，border(外边框） 边框宽度：border——width 边框颜色：border——color 边框样式：border——style：solid（实线）/dashed(虚线）/dotted(点划线）/double(双线） 边框数值，实线，颜色 （语法）:border:30px solid blue； 单边框设置：上边框：border——top:30px blue solid; 下边框：border——b...

原创 CSS知识总结

1，font-size字体大小（单位可以用px,pt,em等12pt=16px em=16px 浏览器默认是16px,设计图常用字号12px) 2,color颜色（color：red; color:#ffo; color:rgb(255,0,0); 0-255 3,font-family字体：宋体，隶书，楷书........ 4,font-weight加粗： font-weight：bolder（更粗的）、bold(加粗），normal font-weight:10...

原创 2021.7.22技术分析

CSS样式 1.行内样式，在行内加入style属性 <input style="text placeholder="内容“> 2.基本选择器： 标签选择器：语法：标签{属性：属性值} div{width: px;} 类选择器：语法：<标签 class="box"></div> class名字{属性：属性值} 例如：box{width：300px;} class可以给多个属性 ...

原创 2021.07.15 技术分析

CSS的文本属性 1. font-size字体大小（单位可以用px,pt,em等12pt=16px 16px=12pt=16px) (em=16px 浏览器默认是16px） 2. color颜色（color:red; colocr：#ffo; color:rgb(255,0,0,); 0-255 3. font-family字体 4. font-weight加粗 font-weight：bolder(更粗的）/bolt(加粗） ...

原创 表单知识点

form表单：用来收集用户信息，常用在（用户的登录注册界面） 语法：<form></form> 文本框：<input type="text"> 密码框：<input type="password"> 按钮框：<input type="button" value=""> 提交按钮：<input type="submit" value=""> 重置按钮：<input type="reset"...

原创 2021-07-13学习技术分析

ui设计【页面的切图】 前端【实现ui设计图的界面，与后端的交互】 后端【实现相对应的功能：登录】 测试【测试程序是否存在bug】 一个界面的构成：html【骨架] +css【样式】+js【行为】（html+css=w3c),(js=ecma) vscode使用和安装【安装插件：chinese(转为中文）open in brow(在浏览器中打开）live serve(实时刷新） 如何打开文件夹：【文件=>打开文件夹】 新建文件夹/文件【】；如何新建一个网页打开的文件【文件的后缀名为...