html+css
关注
分享
扫一扫
文章平均质量分 85
xyyojl
希望自己能够持之以恒,坚持下去,做更好的自己。
展开
-
01 - 常用的html标签
第一章:常用的html标签作业问题和提示:开发工具:editplus,不要使用记事本,记事本有点毛病,一开始就是直接使用editplus,熟悉代码。后缀,把文件的后缀名显示出现态度:尽自己最大的努力标点符号(英文半角标点符号,中文标点符号的话,默认占两个字符)ctrl+b快捷打开浏览器,需要配置浏览器的位置C:\Program Files (x86)\Google\Chrome\...原创 2018-06-24 15:08:55 · 234 阅读 · 0 评论 -
11 - css3渐变
css3渐变鼠标样式透明度的使用以及兼容性写法(针对IE的大傻逼)线性渐变径向渐变鼠标样式(cursor)规定当鼠标进入元素呢内容区域显示的光标类型只需要修改cursor的对应的值cursor指针样式cursor: default;/* 箭头 */cursor: auto;/* 默认,根据浏览器设置的光标 */cursor: move:/* 可拖拽...原创 2018-09-12 11:20:29 · 918 阅读 · 0 评论 -
07 - 背景background和圆角
背景background和圆角,你知道多少,快来了解一下吧原创 2018-09-03 12:06:16 · 5548 阅读 · 0 评论 -
13 - 表单
表单form表单form表单的属性表单控件表单的伪类表单表单元素时允许用户在表单中输入信息的元素(比如:文本域,下拉列表,单选框,复选框等等),可以提交信息form是一个载体,规划一系列提交信息的控件集合体form表单的属性action 处理当提交表单时向何处(url)发送表单数据,谁响应我们的提交method 规定用于发送form-data的HTT...原创 2018-09-13 22:01:16 · 174 阅读 · 0 评论 -
08 - hover初讲与文字属性初讲
鼠标悬浮伪类hover状态是什么,页面中的元素的状态会变化吗?状态是在不同的情况下,页面的元素表现出现不同的效果,可以理解为简单的交互页面的元素会发生常见的状态的变化就是:鼠标悬浮效果叫做hover伪类页面都是存在某种状态hover的使用方法1.在选择器中选择某些元素2.并添加状态判断,满足条件就能加载样式p{/* 满足某种条件的元素 */ color:...原创 2018-09-11 08:10:24 · 412 阅读 · 0 评论 -
09 - vertical-align和line-height
vertical-align和line-height文本水平对齐方式text-align.para{ width: 500px; background-color: #ccc; text-align: justify;/*左右均分对齐,文字必须不是处于最后一行,必须有换行*/}<p class='para'>页面的主体内容展示区域</p&g...原创 2018-09-11 08:14:51 · 156 阅读 · 0 评论 -
10 - 浮动
浮动floatcss标准文档流布局脱离文档流浮动float是什么?浮动的特性与对文字的影响与inline-block的对比清除浮动的意义与解决办法min-width的运用css标准文档流布局页面布局的默认状态特点:从左到右从上往下流式排列,最终窗口自上而下分成一行一行,每行从左往右顺序(依代码)排放元素,块元素独占一行,内联元素并列。脱离文档流将元素...原创 2018-09-11 08:16:53 · 182 阅读 · 0 评论 -
14 - 表格
表格表格table的构成table默认特征table默认样式清除table-layouttable的合并display: table的特性表格具有display的类型表格的构成表格是以table标签定义: 表格下面的标签 组成的部分 caption 表格的标题文字 thead 整个表格的表头部分(头部) tbody ...原创 2018-09-14 21:23:59 · 291 阅读 · 0 评论 -
15 - 高级选择器
高级选择器选择器复习伪类选择器结构性伪类选择器属性选择器伪元素before/after选择器复习 选择器 选择器的使用 ID选择器 `#box 类名选择器 .box 标签选择器 div 通配符选择器 * 多元素选择器 div,p 后代选择器 div ul li 毗邻选择器 ul...原创 2018-09-14 22:18:24 · 166 阅读 · 0 评论 -
git-入门
##git入门git initgit addgit commit -v###git init初始化本地仓库 .git下面通过操作展示一下打开git Bash,运行cd ~/Desktop/,进入电脑桌面通过mkdir demo,创建demo文件夹进入目录 cd demo运行git init,初始化仓库运行ls -al,查看本地仓库###git addgit add...原创 2018-10-08 11:15:48 · 197 阅读 · 0 评论 -
12 - 定位
定位定位是什么?定位的特性定位的类型相对定位与绝对定位的区别固定定位z-index绝对定位元素居中的方式定位是什么定位可以准确控制元素的位置状态,定位允许你从正常的文档流布局中取出元素,并使她们具有不同的行为,比如放在另一个元素的上面参照物与坐标参照物:你在哪我就在哪,我就远远的望着你,不离不弃坐标方向:left: 左到右为正/top: 上到下为...原创 2018-09-12 14:10:56 · 228 阅读 · 0 评论 -
20 - HTML5新标签和响应式
HTML5新标签和响应式HTML5新标签代码规范响应式visibility的使用HTML5是什么HTML5:标准HTML的第五代版本新增功能:增加了许多移动端的支持,广义上讲HTML5提供了一套全新的界面设计制作的解决方案本地存储技术:可以制作基于网页的APP,代替普通APP兼容性:提供性的数据与应用的接口,可直接调用外部比如摄像头接口:连接推送: ...原创 2018-09-17 21:59:30 · 1259 阅读 · 0 评论 -
02 - 常用的html标签
02 - 常用的html标签div标签(盒子标签)div:division被划分出来的一块区域独占一行,霸道总裁,双标签img标签图片标签(一张图片在页面里的表现,单标签)不要加/用于标签的闭合结束,自闭和结束,因为h5已经把这个/给去掉了img标签具有自己的属性:src/alt/width/height,其余属性title,因为每一个标签的都有title属性,所以叫做...原创 2018-06-24 15:16:28 · 151 阅读 · 0 评论 -
03 - 常用css和css规范
03 - 常用css和css规范在我们的实际开发过程中,不会直接通过strong标签(em标签)调整元素,用css去调整页面中元素的样式1.CSS-层叠样式表（Cascading Style Sheets）层叠:css的样式存在,有一定的样式规则,根据样式规则的优先级决定是否覆盖样式表:描述元素在页面中的展示效果,将页面的元素的展示效果分离出来单独控制,结构和样式分离，用css...原创 2018-07-25 21:48:45 · 584 阅读 · 0 评论 -
04 - 盒子模型解析
04 - 盒子模型解析1.class补充两个或以上*class类名中间需要空格*间隔,代码如下:&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;style&amp;amp;gt; .list li{ color:red; } .blue{/*可复用性*/ baclground-color:原创 2018-07-27 21:26:05 · 1328 阅读 · 0 评论 -
05 - 标准盒模型和怪异盒子模型
两种盒子模型普通盒模型:普通盒模型触发方式:box-sizing: content-box;宽高到底怎样计算?正常情况:(普通盒模型)内容盒子盒子的整体宽度 = width + border + padding/左border+左padding+width+右padding+右border盒子的整体高度 = height+ border + padding/上b...原创 2018-07-27 21:55:31 · 1063 阅读 · 0 评论 -
06 - 元素的显示类型转换与样式初始化
元素类型与样式初始化1. 样式初始化样式为什么要初始化?这个世界上有很多浏览器firefox/chrome/ie/opera等等,不同浏览器,不同浏览器版本对于页面的解析效果不相同,甚至同一个浏览器不同的版本都不一致,直接导致我们做出的布局会乱掉我们做出的页面做不同的浏览器上展示有可能是不同的,重点是影响布局,不要让浏览器污染我们的布局浏览器的内核: 浏览器 内...原创 2018-07-27 22:16:56 · 199 阅读 · 0 评论 -
16 - 过渡
过渡和动画过渡是什么?写法和特点过渡的特性,使用环境动画是什么?关键帧是什么?动画的特性,使用环境过渡和动画的区别过渡和动画在不使用flash或者Javascript的情况下做出元素的规律运动的效果,可以使页面变得非常丰富,增强用户体验。过渡 transition过渡是使元素由一种样式变成另一种样式,为变化添加过程与效果,为元素添加transition样式...原创 2018-09-15 22:18:49 · 322 阅读 · 0 评论 -
17 - 变换,阴影,遮罩
变换,阴影,遮罩一.2D变换transform scale缩放 取值 大于0小于1 是缩小 大于1是放大 translate 位移 translateX() / translateY 属性值第一个是X轴方向上,第二个是Y轴方向上 skew 倾斜 skewX() / skewY() 属性值第一个是X轴方向上,第二个是Y轴方向上 transf...原创 2018-09-16 22:14:31 · 404 阅读 · 0 评论 -
18 - 弹性盒模型
弹性盒模型flex的兼容性什么是弹性盒模型flex容器与flex项目父元素控制子元素整体子元素的私有特性flex的兼容性旧版本的flex写法只支持旧的语法书写最早 display:box过渡display:flex box当今标准 display:flex兼容性与浏览器内核兼容性写法,针对老版本的浏览器不能识别最新版的,针对某一些样式,在浏览器中不支...原创 2018-09-17 15:24:16 · 242 阅读 · 0 评论 -
19 -iframe,iconfont,swiper
iframe/iconfont/swiperiframeiconfontswiperiframeiframe是什么?iframe是一个标签,可以在页面中插入另外的文本/页面内容类似于img,可以引入内容替换iframe标签iframe的特点属性:width/height 类似图片的宽高(无单位)frameborder = ‘1’/’0’ 是否...原创 2018-09-17 15:25:48 · 248 阅读 · 0 评论