HTML+CSS的基本标签

这次的文章是接着上一篇文章写Html+CSS的基本标签,这次是 写CSS的基本标签。
一、字体属性:(font)
  1、 大小:font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
  2、样式 :font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
  3、行高 :line-height: normal;(正常) 单位:PX、PD、EM
  4、粗细 :font-weight: bold;(粗体) lighter;(细体) normal;(正常)
  5、变体 :font-variant: small-caps;(小型大写字母) normal;(正常)
  6、大小写 :text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)
  7、修饰 :text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
二、背景属性:(background)
  色彩:background-color: #FFFFFF;
  图片:background-image: url();
  重复:ackground-repeat: no-repeat;
  滚动:ackground-attachment: fixed;(固定) scroll;(滚动)
  位置:ackground-position: left(水平) top(垂直);
  简写方法:background:#000 url(…) repeat fixed left top;
三、区块属性: (Block)
   字间距:etter-spacing: normal; 数值
   对齐:xt-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)
   缩进:ext-indent: 数值px;
   垂直对齐:ertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;
   词间距:ord-spacing: normal; 数值
   空格:hite-space: pre;(保留) nowrap;(不换行)
   显示:isplay:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题)
四、方框属性:(Box)
  width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左
五、边框属性: (Border)
  border-style: dotted(点线); dashed(虚线); solid(实线); double(双线); groove(槽线); ridge;(脊状) inset;(凹陷) outset;
   border-width:; 边框宽度
   border-color:#;
   简写方法border:width style color;
六、列表属性: (List-style)
   类型:list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字);
   位置:ist-style-position: outside;(外) inside;
   图像:ist-style-image: url(…);
七、CSS边框空白
  padding-top:10px; 上边框留空白
  padding-right:10px; 右边框留空白
  padding-bottom:10px; 下边框留空白
  padding-left:10px; 左边框留空白
八、CSS连接属性
  a :所有超链接
  a:link :超链接文字格式
  a:visited :浏览过的链接文字格式
  a:active :按下链接的格式
  a:hover :鼠标转到链接
九、CSS复合选择器
  1、并集选择器
  “交集”复合选择器由两个选择器直接连接构成;其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器;这两个选择器之间不能有空格。
  2、交集选择器
  并集选择器简称“集体声明”;并集选择器是多个选择器通过逗号连接而成的。
  3、后代选择器
  css选择器中,还可以通过嵌套的方式对特殊位置的html 标记进行声明,例如当

之间包含 标记时,就可以使用后代选择器进行相应的控制。后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。
  格式:类别选择器(名称)(空格)标记选择器(名称){属性:值 ;}
  类别选择器:
  格式:·class(类别名称){属性:值;}
  (类别选择器的名称不能是中文 ,最好是英文或者拼音)

下次继续分享DIV哦

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值