样式表:样式背景,字体,对齐方式,边界边框。【0909下】

样式表:

样式;     大小:   width 宽度   height 高度

背景:    backyound—color  背景色
backyound—imahe   背景图片
backyound—repeat   背景图片的平铺方式
backyound—position    背景图片的位置
backyound—attachment    设置图片是否滚动
backyound—size    背景图片的大小。 比如:200px,200px

字体:
font—familg   字体样式
font—size   字体大小。12px,14px。一般正文都是14px,正常文章字体大小不要超过16px。
font—stgle      italic 倾斜
font—weight      bold加粗
text—decoration     underline 下划线
overline 上划线
lin—through 删除线
none 没有,用来去掉超链接的下划线。
color 字体颜色

对齐方式:
text—align    水平对齐方式
vertilal—align     垂直对齐方式,配合行高使用。
line—height   行高
text—indent    缩进px,设置完水平垂直对齐方式以后还可以继续调整文字。

边界边框:   marg—— 外边距,上右下左。

padding    内边距,上右下左。 如果加了内边距,该元素会相应的变大。

border:
lpx solid #F0066(颜色)
这串代码是简写方式
第一是边框粗细,第二是边框颜色。

时间: 2024-11-07 00:49:59

样式表:样式背景,字体,对齐方式,边界边框。【0909下】的相关文章

laravel项目中css样式表的背景图片不显示

刚学laravel,遇到了很多坑,感觉laravel是挺强大的. 建好后台项目,奈何css样式表的背景图片不显示 .mainhd { background: url(../images/sky/body_bg.png) repeat-x 0px 0px; } 按理上面的写法没错,因为是从别的后台搬过来的,但是图片一直不显示,访问绝对路径却又能显示图片,坑. 原因是因为图片路径要使用单引号或者双引号的,下面是正确的写法 .mainhd { background: url('../images/sk

css样式表---样式表分类、选择器

一.样式表分三类: 1.内联样式表.——放在元素的开始标记中.——只对当前元素起作用.<input name="txt" style="border:0px; border-bottom:1px solid black;" type="text" /> 例: 结果: 2.内嵌样式表.——放在页面的<head></head>中间.——可以对整个页面. <head> <meta http-equi

[2016-01-16][CSS][定义样式表(样式选择器)]

Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器 定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可 伪选择器 calss的使用 ID的使用 组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6

css样式表----------样式属性(背景与前景、边界和边框、列表与方块、格式与布局)

一.背景与前景 (1).背景 line-height: 1.5 !important;">90; /*背景色(以样式表为主,样式表优先.)*/ background-image:url(路径); /*设置背景图片(默认为平铺.)*/ background-repeat:no-repeat/repeat-x/repeat-y;no-repeat /*不平铺 repeat-x 橫向平铺 repeat-y 纵向平铺 */ background-position:center; /*背景图片居中

引入样式表(css)的四种方式

一.使用style属性: 将style属性直接加在html标签里. <标签 style="属性1: 设定值1; 属性2: 设定值2; "> 例如: <td style="color:blue;font-size:9pt;font-family:'黑体';line-height:150%;"> 这种用法的优点 是可灵巧应用样式于各标签中,但是缺点则是没有整篇文件的『统一性』.二.使用style标签: 将样式规则写在<style>..

【2017-03-24】样式表样式

1.大小 width                     宽度,单位px或% height                    高度,单位px或% 2.字体 font-family             字体样式 font-size               字体大小,单位px font-style              字体倾斜(italic) font-weight           字体加粗(bold) text-decoration      下划线underline,上

HTML_css样式表 样式属性 格式布局

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p  

CSS基础整理(样式表 样式属性)

样式属性 1· 背景与前景 background-color:#00F; /*背景色,样式表优先级高*/ background-image:url(); /*设置背景图片(默认)*/ word-wrap:break-word; word-break:break-all; /*自动换行*/ background-attachment:fixed; /*背景是固定的,不随字体滚动*/ background-repeat:no-repeat; /*背景图 no-repeat不平铺:repeat平铺:r

HTML基础(五)——-css样式表——样式属性——格式与布局

一.position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口. 示例: 二.position:absolute     绝对位置: 1.外层没有position:absolute(或relative):那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为20像素). 2.外层有position:absolute(或relative):那么div相对于外层边框定位,如下图中bb(距离d的右边框50像素,距离d的下边框为20像素). 示

PdfPCell对齐方式,边框,边框颜色的使用 (转)

原文:http://www.cnblogs.com/LifelongLearning/archive/2011/06/22/2086802.html PdfPTable和PdfPCell对象,我们可以制作出丰富多彩的表格,可以制作出跨行.跨列,不同表格线,单元格中的文字旋转等效果,如下所示: 1.文本模式: PdfPCell cell = new PdfPCell(new Paragraph("some text")); 2.组合模式: PdfPCell cell = new PdfP