生命如江河,奔流不息!
再说说边框边框是有形状的,因为平时边框都很细,所以我们看不出来,需要放大一点才能看的到。我们顺便复习下在随笔1中讲到的内容
#dv { width: 100px; height: 100px; border-top: 20px solid green; border-right: 20px solid blue; border-bottom: 20px solid orange; border-left: 20px solid tan;}
我们给div设置宽和高,然后将四条边框设置成不同的颜色,并且将边框的宽度设为10px,效果如下:
1458571840365.png-2.1kB
我们可以明显的看到,边框与边框相交的地方是一条斜线,所以边框并不是一个长方形哦。
还有一点需要注意,边框的宽度是不占用div的宽度的,假如说div的宽度是100px,边框的宽度是2px,那么这个div总的宽度就是div内部宽度+两条边框的宽度,即104px。为了验证我们的这一想法,我们使用ps来做一个长度测量,看看到底是不是这么回事。
1458572432136.png-18.9kB
1458572377818.png-20.6kB
如上图所示,边框的宽度是不占用div的宽度的,这一点要在平时的练习中注意
补充背景样式除了随笔1中记录的那些样式,background还有一些比较重要的样式:
背景图位置固定,这个不太好截图,自己试试吧。
background-attachment:fixed;
如果设置这个属性,再设置background-position为百分比时,背景图会相对于浏览器来定位,不知道这是为什么,还请各位高手指教
background的复合样式,background复合样式中可填写如下值
样式 说明 color red 颜色 url() 背景图片 x-repeat 背景图片平铺方式 position 20px 20px 背景图片位置 字体样式的设置 字体基本样式下面看字体样式相关的部分,我们先放一个空的div,并在这个div中写入若干文字
据法广新闻网16日报道,起初,比利时和法国警方只是在布鲁塞尔南区的福尔斯特(Forst)一栋房屋内检查证件,屋内人员在警方搜查时开了枪, 打伤3名警察。随后,比利时与法国警方联合与屋内人员展开枪战,枪战中1名警察受伤,1名嫌疑人被打死,但死者并非被通缉的巴黎恐袭主嫌犯。
查看更多关于css随笔2_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did114524