css
关注
分享
扫一扫
文章平均质量分 89
¹灵感不来
这个作者很懒，什么都没留下…
展开
-
CSS3动画animation、3D动画（一）
1CSS3动画animationCSS3使用animation实现动画，主要由两个部分组成通过类似Flash动画的关键帧来声明一个动画在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果。调用动画和使用设置；animation:animation-name animation-duration animation-timing-functionanimation-delay animation-iteration-count animation-direction:anim.原创 2022-04-11 23:22:23 · 1108 阅读 · 0 评论 -
定位：relative相对定位、absolute绝对定位、fixed固定定位
作者有话说:在学定位之前有了解过吗？再没学浮动之前，这些块元素标签会出现在一列，要想实现并排就可以使用浮动float，现在我们可以学习定位，给背景图片或者图片、div、border等添加属性等，有定位在祖先级的、定位在浏览器的，比如说浏览京东页面时，当你拉动网页的时候页面会动，但是会有一个栏目始终保持在那个位置不动，这就是使用的定位，接下来一起看看吧！定位使用positionstatic 默认值，没有定位 relative 相对定位 ...原创 2022-04-08 20:24:47 · 4805 阅读 · 1 评论 -
浮动、消除浮动塌陷、overflow小拓展
1.什么样叫浮动，浮动使用float什么样叫浮动？举例子：有这样的代码<style> .div1{ padding:20px; border:1px dashed red; }加入浮动.div1 img{ float:left;/*浮动在左侧*/ } </style><div class="div1"> ...原创 2022-04-06 17:28:53 · 502 阅读 · 1 评论 -
线性渐变、径向渐变、文本阴影、文字溢出文本框设置、运用外部字体
1.线性渐变：background:linear-gradient(position, color1, color2);注释：position渐变方向 color1第一种颜色 color2第二种颜色...列如：<style> .box{ width: 300px; height: 300px; /* 不给方向position时，默认是从上到下顺序从第一种颜色渐变到第二种颜色..*/ ...原创 2022-04-05 19:52:52 · 594 阅读 · 0 评论 -
新增表单input类型(二)、表单初级验证
1.新增表单input类型--number；使用在input表单里，①max number规定允许在表单里出现的字符的最大值②min number规定允许在表单里出现的字符的最小值③step number规定合法的数字间隔(步长,例如step="5",则间隔为5增加或减少5、10、15...）④value number规定的默认值，即打开网页表单出现的字符为value默认字符，不写则无。2.新增input类型—Date pickers①②③④⑤⑥3原创 2022-04-01 18:20:24 · 650 阅读 · 0 评论 -
HTML5新增全局属性和废除的属性、css高级选择器、优先级算法、css权重、新增表单input类型（一）
1.HTML5新增全局属性①Canvas：画布定义图形使用Javascript来绘制图像②contentEditable：规定是否允许用户编辑内容，后面可以编辑内容，看似和表单没什么区别但是和表单是不一样的。③hidden：规定对元素进行隐藏,本质上还是利用display : none来实现的2.HTML废除的属性HTML5废除的属性部分在编译器里还是可以使用的。align="center"（text-align=“center”属性）table属性: bgcol原创 2022-03-31 17:57:24 · 1031 阅读 · 0 评论 -
了解HTML5、网页布局、新增结构、网页元素
1.了解HTML什么是HTML5HTML5是用于取代HTML和XHTML的标准版本新特性新的语义化标签，比如 header、footer、nav新的表单控件，比如 email、url、search用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素作者有话说：之前我们使用的都是div、p、span等标签，这样的标签最简单使用，但是也有不方便的地方，第一不利于网站对访客的易用性，单单使用div标签只能制作网页但是 访问网页的渠道有很多，div制作网原创 2022-03-30 18:44:33 · 1800 阅读 · 0 评论 -
内外边距、怪异盒子、行内元素和块元素的应用
1.内外边距回顾一下外边距：外边距是如div标签包裹的盒子外面距离网页的边距称为外边距内边距则是如div标签类盒子的内部元素距离边框的边距同样内边距也可以单独设置：padding-top：Npx；（设置内边距上边距）padding-bottom：Npx；（设置内边距下边距）padding-left：Npx；（设置内边距左边距）padding-right：Npx；（设置内边距右边距）2.怪异盒子怪异盒子个人自述：学到盒子的时候讲到盒子的组成为margin、paddi..原创 2022-03-29 16:51:44 · 535 阅读 · 0 评论 -
盒子模型、div盒子、边框粗细、外边距
1.盒子模型概念：盒子模型是由margin + border + padding +网页元素（content)组成图示：最简单的盒子：<style> ul{ border: 1px solid rgb(101, 125, 230); } </style><body><div> <ul> <li>...原创 2022-03-28 17:20:17 · 1900 阅读 · 0 评论 -
文本修饰、超链接伪类、列表样式、网页背景定位
1.文本修饰：text-decoration:none、line-through、underline、overline；text-decoration:none；注:none对于一般的元素而言是默认值,定义的标准文本没有下划线，且a元素是默认就含有下划线text-decoration:line-through;注：line-through设置文本的删除线text-decoration:overline;注：overline设置文本的上划线text-decoration:un.原创 2022-03-27 18:24:05 · 828 阅读 · 0 评论 -
字体样式和css文本样式
设置字体属性font-!1.设置字体属性（用内部样式写在style里）/* 字体可以用引号包裹 也可以不加★如果楷体也不认识，那么就用浏览器默认的字体*/.p1{font-family: 宋体;/*font-family: "楷体";*/}2.设置字体大小/* px是物理像素 */div{font-size:12px;}3.em、rem和px的使用/*网页一般的一个字符像素大小为16px*//* em是根据父元素的大小来显示的 */p{原创 2022-03-25 18:43:07 · 1161 阅读 · 0 评论 -
选择器优先级和css的高级选择器
选择器：id选择器、类选择、元素选择器id选择器：h1为名称，且前后相同<style>#h1{color:yellow;}</style><body><h1 id="h1">我是id选择器&l...原创 2022-03-24 18:01:54 · 430 阅读 · 0 评论 -
HTML中表单与css样式
HTML表单元素：隐藏域（不显示在页面上）：<input type="hidden" name="hiddenName" value="666">只读（可以看见单不可修改）：<input type="text" name="user" value="张三" readonly>禁用（禁用按钮功能）：<input type="submit" value="提交" disabled>表单元素的标注：（input的ID值要和label的for的值保持一致，效果原创 2022-03-23 16:21:37 · 690 阅读 · 0 评论