div+css+html学习笔记(1)_html/css_WEB-ITnose
程序员文章站
2022-05-13 15:13:11
...
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:宽度用实际像素,不管你的浏览器窗口有多大,都会显示原来的大小,这样图片不易变形。如果用百分比,他是占父布局的比分几,大小与会随浏览窗口的大小变化。
上一篇: Oracle asmlib的configure错误小结
下一篇: for循环写法进阶
推荐阅读
-
C Primer Plus 学习笔记_Chapter1 Getting Ready
-
Bootstrap学习js插件篇之下拉菜单_html/css_WEB-ITnose
-
MySQL学习笔记1:安装和登录(多种方法)
-
前端新人学习笔记-------html/css/js基础知识点(三) - 不穿裤子的衣服
-
groovy学习笔记(1)-groovy是什么?
-
MySql官方手册学习笔记1 MySql简单上手
-
HTML5中的nav标签学习笔记
-
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
-
html5中canvas学习笔记2-判断浏览器是否支持canvas
-
PHP操作xml学习笔记之增删改查(1)—增加