css
关注
分享
扫一扫
Sallery
达梦数据库;oralce数据库运维;python爱好;
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css-4-字体图标使用
三种模式 Unicode ：书写不直观，没有语义 Font class：书写直观，有语义 Symbol：允许多色 最明明白白的Unicode下载到本地的使用说明： 1、找到需要的图标添加入库 2、添加到项目 3、下载到本地 4、解压点开demo_index.html 5、项目新建目录存放字体图标文件，注意css中的文件路径 6、dom中引入 在需要的字体图标的位置复制字体图标的代码 font class使用说明前5步一样，唯...原创 2021-06-29 22:59:34 · 344 阅读 · 0 评论 -
css-3-定位
定位： position：默认是static不移动 static 静态定位，也就是没有定位 relative 相对定位：相对于他原来的位置进行移动，不会脱离标准文档流 absolute 绝对定位：定位了的父元素或者祖先元素进行定位，会脱离文档流 fixed 固定定位： 绝对定位例子 <!DOCTYPE html> <html> <head> <meta charset=...原创 2021-06-29 20:54:54 · 284 阅读 · 1 评论 -
css-1-浮动与高度塌陷
一、概念：设置了浮动属性的元素会 脱离标准普通流的控制 移动导指定位置 二、浮动解决的问题： 1、文字无法包围图片的问题 2、浮动解决莫名其妙的间隔问题 3、浮动可以向左向右排版对齐 三、理解总结 1、浮动可以设置元素脱离正常的文档流，向左向右靠近父元素的边缘或者设置了浮动的其他元素，因此最好将浮动的元素放在标准流的父元素中，以减少对其他标准流的影响。 2、对齐方式：子元素的盒子和元素的盒子对齐，不会超过父元素盒子的内边距padding 高度塌陷：因为浮动脱离正常的文档流导致出现的原创 2021-06-28 15:27:30 · 324 阅读 · 0 评论 -
css的浮动与清除理解
1.浮动可以解决的问题： （1）文字包围图片的问题。 （2）莫名其妙的间隔问题。 （3）向左向右排版对齐。 1.1文字包围图片的问题。 首先看没有加浮动的效果， <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #d1{ width: 500p.原创 2020-07-05 18:35:03 · 1966 阅读 · 0 评论 -
css属性选择器笔记
我是每天被自己菜醒的跳跳，嗯~就很菜！ 1. 行间样式 <div id="boy" style="background-color: #000000;"> 2. 标签选择器 书写方法： div{ background: skyblue; display: inline-block; padding: 20px 30px 40px 50px ; } 在css样式表中写以标签的形式书写. 3. id选择器 书写方法： #d1{ width: 0; height:原创 2020-07-05 18:33:23 · 287 阅读 · 0 评论