穿堂风的博客

水水

盒模型所有的元素都是在页面中显示成一个方块，类似一个盒子把元素叫做盒子，设置对应的样式分别为：盒子的边框（border），盒子中的内容与盒子边框之间的间距（内间距），盒子与盒子之间的间距（外间距）盒子的实际大小是：盒子的宽度 = 内容宽度 + 左右边框 + 左右内边距（padding）盒子的高度 = 内容高度 + 上下边框 + 上下内边距（padding）如果要增加内边距和边框的大...

CSS的浮动浮动分为左浮动（float: left; ）和右浮动（float: right;），浮动元素会脱离文档流.box1{ width: 200px; height: 200px; background: red; <!--元素浮动会脱离原来的文档流，后面不浮动的元素会占据这个位置--> float: left; //左浮动 flaot: right; //右...

HTML负责网页的结构和内容，CSS负责页面的样式CSS的三种引入方式，存在优先级问题，哪个样式离元素最近，那个样式的优先级就越高外联式：通过link标签，将外部的CSS样式链接进来<link rel="stylesheet" type="text/css" href="CSS文件">内嵌式：在head头内通过style标签设置页面的样式，各个属性都要用分号隔开<st...

HTML常用的行级标签行内元素不独占一行HTML链接 a标签href属性是必须要的属性，target指定连接以何种方式打开，_blank用新窗口打开，默认是self原窗口打开。<a href="链接" target="_blank">链接文本</a>图像标签 img(是一个单标签，不需要闭合)设置title属性，当鼠标指针放在图片上时，会显示title属性的...

CSS颜色通常有三种表示的方法第一种直接写颜色所对应的英文，比如：red是红色， blue是蓝色第二种是十六进制表示法，比如：#ff0000是红色第三种是R(红),G(绿),B(蓝),A(透明度)表示，比如：color: rgba(200,0,0,0)十六进制 0-9， a-frgba前三个的取值范围 0-255， a的取值为0-1之间的小数，0代表完全透明，1代表完全不透明CSS常...