栏目头部广告

趣味离婚证的标题分析及其属性制作

    趣味离婚证标题样式有区块样式和文本样式。<hl>标签是块级元素,默认宽度是父元素的100%,因此我们无须再设置width属性,只需要定义height属性值为40px。标题栏的圆角矩形块效果通过将 border-radius 属性值设为5px实现。为使标题更加突出,设置背景色和向下的阴影,这里的阴影是块级元素阴影,因此定义box-shadow属性是向下方向的投影,这里不能省略水平位移值,水平方向没有位移也要设置为0。

    离婚证在制作标题文本的时候,需要设置的属性有大小、颜色、加粗、水平和垂直居中及向右下方的投影。文字在行高范围内垂直居中,标题区块的高度是40px,标题文本在区块垂直方向居中,因此设置行高属性line-height 值也是40px文本样式的设置不用局限于代码中设置的值,在浏览器窗口运行网页后,按F12键打开调试窗口,如图3-4-10所示。按图中标示的顺序,先在①处单击“选择”按钮,然后在②处单击标题文本“排行榜”,最后在③处确认选中对象是<h1>元素,在“styles”面板中可以看到该标签所应用的所有样式。在想要修改的属性值上单击鼠标左键,值变为可修改状太,可以重新输入新的属性值或利用鼠标滚轮修改样式。微调属性到自己满意的效果后,复制修改后的代码到HBuilder编辑器中替换sytle.css文件中原有的代码。


    (2)文本样式

    排行榜”版块的段落文字样式是独有的版块样式,选择器#brand 作为父类派生选择器,唯一指定“排行榜”版-

趣味离婚证的标题分析及其属性制作(图1)

    图3-4-9中的红色、带下画线的文本样式是由于超链接标签<a>默认的文本样式所导致的,因此要重定义标签选择器a的text-decoration 属性和color属性,以覆盖默认式。文本位置的属性声明定义在标签<p>中,左边距设置为20px,上下段落间距设置10px。

    对离婚证编辑文本位置的声明方式并不唯一,也可以直接在<a>标签中添加位置声明,但是要注意一点,<a>元素是行内元素,设置上下外边距(margin)没有效果,因此如果要在<a>标签中添加位置声明,则要采用padding-top 属性而不是 margin-top 属性。

标签:
文章详情页广告

随便看看

底部广告