
前端基础阶段
前端小布丁
这个作者很懒,什么都没留下…
展开
-
html文本属性
span{ /*设置字体*/ font-family:"楷体"; /*字体大小 默认值是16px*/ font-size:30px; /*font-style:字体样式*/ nomal:正常(默认) italic:(斜体); oblique:(倾斜); font-style:oblique; /*字体加粗:font-weight*/ bolder:特粗体; bold:加粗体...原创 2020-01-30 15:33:30 · 471 阅读 · 0 评论 -
html列表属性
li{ /*清除列表的默认的项目符号*/ list-style:none; /*可以设置标签自带的项目符号*/ list-style-type:disc; /*将自带的项目符号,变成图标*/ list-style-image:url(../../1.jpg); /*调整位置 inside:项目图标的左侧和下一行文字对齐; outside:当前列表内容和下一行列表内容对齐,并不在图...原创 2020-01-30 11:38:15 · 471 阅读 · 0 评论 -
html复合属性
本篇主要写了background,border的一些属性,注释的形式多些,单词比较多,但都是一些简单好理解的东西。 <style type="text/css"> .box{ width: 500px; height: 100px; /*background: red;*/ /*background 复合属性 url: 地址(本地地址,网络地址...原创 2020-01-29 17:33:09 · 1210 阅读 · 0 评论 -
html图片与链接
图片 <img src=""> src:表示“源”的意思,“src”属性的值是所需要显示图像的url alt:给图像显示一个“交互文本”。一般用于图片加载失败的文本提示 jpeg/jpg:有损压缩,适合大图,压缩比率好 png:无损压缩,支持透明压缩(最大限度还原图片清晰度),适合小图 gif:有损压缩,支持透明压缩,压缩比率不是很好。支持动态效果 链接 <a href=""...原创 2020-01-29 17:13:47 · 444 阅读 · 0 评论 -
css引入方式
css引入方式有三种: 1、外部引入,优先级最低,既不会影响代码的可读性,也不会加重html文件的负担,但是切记,要在需要的html文件中,引入它; link标签:引入外部资源 <link rel="stylesheet" type="text/css" href="外部样式.css" 2、内联样式,优先级排第二,使用场景:开发极小项目和课堂练习时,可以使用(最常用的方式) <sty...原创 2020-01-29 16:46:34 · 102 阅读 · 0 评论 -
hover伪类
hover:鼠标伪类 1)、作用:鼠标移入移出的时候触发指定样式 2)、鼠标移入时,触发hover的样式;鼠标移出时,回到初始样式,整个hover中的代码,都不会被加载 3)、:后面的hover是固定写法,:前面是要添加hover伪类的目标(目标尽量不要写成标签选择器),指定的目标最好是单一的。 代码示例: ...原创 2020-01-29 15:29:40 · 1019 阅读 · 0 评论