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