div+css+html学习笔记(1)_html/css_WEB-ITnose
程序员文章站
2022-05-20 10:39:13
...
1. 导入外部css:
2. 横排div
#search { width: 10%;float: left;}
float: left; 这个属性让search往左浮动,这样它的后面(右边)就可以放置别的元素。
3.两个div连在一起,不留空隙
#a { background: #ff0000; width: 70%;height: 20px; float: left;}#b { background: #ff0000; width: 30%; height: 20px; float: right; }
4. div外边框
border: 1px solid #ccc;
5. 虚线
6. img标签 alt的作用,例:
当src里面的图片因为网上太慢,或者路径错误,或者其他原因导致图片显示不了时,就会用alt里面的文字说明代替。
ps:宽度用实际像素,不管你的浏览器窗口有多大,都会显示原来的大小,这样图片不易变形。如果用百分比,他是占父布局的比分几,大小与会随浏览窗口的大小变化。
推荐阅读
-
JavaScript学习笔记:取数组中最大值和最小值_html/css_WEB-ITnose
-
【学习笔记之CSS+DIV】CSS入门_html/css_WEB-ITnose
-
spring框架学习笔记1:搭建测试
-
PHP学习笔记1-常量,函数,php学习笔记1-常量_PHP教程
-
HTML DOM(学习笔记一)_html/css_WEB-ITnose
-
C Primer Plus 学习笔记_Chapter1 Getting Ready
-
Bootstrap学习js插件篇之下拉菜单_html/css_WEB-ITnose
-
MySQL学习笔记1:安装和登录(多种方法)
-
前端新人学习笔记-------html/css/js基础知识点(三) - 不穿裤子的衣服
-
groovy学习笔记(1)-groovy是什么?