![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css/html基础
还不下马受降
你有点不对劲
展开
-
border制作三角形
border显示正方形定义一个盒子(div),不定义宽高,只定义边框,那么内容部分为零,所看到的部分就是边框,一个大小为0,只有边框的盒子,通过设置边框的大小,改变盒子的占位大小。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .triang原创 2020-11-21 10:00:21 · 102 阅读 · 0 评论 -
精灵图&字体图片
精灵图精灵图(sprite),精灵图是把需要用到的小图标都放在一张大的图上面,然后在页面访问数据库申请加载图片的时候,那么这张大图上的小图标就可以只加载一次,把这张大图加载到浏览器上,然后通过设置这张背景图片在盒子先的位置,来显示不同的图标,在需要使用背景图片的时候,url指向同一张背景图片。实现了只加载一次,就得到了多个图标,减少了访问次数,减小数据库的压力。在把图片作为背景图片的时候,以左上角与盒子对齐,然后通过position设置背景图片需要显示的位置,position的x,y的值的设置也是以左上原创 2020-11-20 15:31:58 · 154 阅读 · 0 评论 -
css定位
静态定位系统默认的定位方式,没有定位的意思在标准流的范围内.class { positon:static; }相对定位相对定位是相对于盒子原本位置的基础上做出的位置变动。盒子并未脱离标准流,所以在盒子移动以后,原本的位置仍然保留。.class{ positon: relative; top:20px; left:20px; }绝对定位绝对定位如果其没有父盒子,或者父盒子没有定位,则以浏览器为准作为定位当父盒子有定位时,以最近父盒子为准进行定位绝对定位不占有原先的位原创 2020-11-19 10:32:51 · 67 阅读 · 0 评论 -
padding/margin/border
关于padding、margin、border的使用假如两个盒子,父盒子包含子盒子,子盒子中存放内容。paddingpadding是内容距离子盒子的距离,padding:10px,内容距离子盒子的上下左右各10像素。一个值 :还可以确定不同位置的padding值:padding-left:10px,内容距离盒子左面10px。padding-right:10px;padding-button:10px; padding-top:10px ,效果一样两个值:pading:10px 20px;前面一原创 2020-11-14 10:27:21 · 118 阅读 · 0 评论 -
CSS/HTML简单静态页面
****使用CSS/HTML创建一个简单的页面****效果图页面效果,尺寸为题分为两张图学习了CSS以及HTML基础知识使用的是一些很基础的知识,画出了框架。有一些简单的页面功能: 连接的hover效果 ,设置锚点。CSS样式文件夹名称为styl.css,下载以后应当注意引入CSS文件的文件名称。初学基础知识,为练习,甚是简陋,待日后完善。**HTML代码**<!DOCTYPE html><html lang...原创 2020-11-08 20:24:43 · 413 阅读 · 0 评论