前端_day02_CSS基础样式

*********快捷键:整理格式cmd+shift+f*************

一,行标签居中

  1,text-align:可以设置对齐方式,center,right,left

  2,注意的点:只能对行内标签生效,对内部嵌套的元素生效,只能设置水平对齐方式,而无法设置垂直对齐方式

二,列表

  1,ul:无序列表

    type:square,disc,circle

  2,ol有序列表

    type:1,a,A,罗马数字大小写

    start:只能是数字(可以为负数),从第几个开始.

三,input

  1,type=text:文本输入框

  2,type=button:按钮

四,css引入方式

  1,行内

  2,内嵌:在head标签中用style标签内嵌,利用选择器编写样式

  3,外链:创建css文件,在head中用link标签引用

五,css基础选择器

  1,标签选择器:例<div>  div{ color:red;}

  2,id选择器:例#id名{ color:red;} <p id="id名">  不要重复,id是唯一的

  3,类名选择器:例  .类名{color:red;} <P class="类名"> 注意".",类名可以重复使用

六,颜色值

  三原色:RGB    使用十六进制表示

  #000黑色      #fff白色    3位

  #000000       #ffffff       6位

  #00000000  #ffffffff   8位,后两位为透明度

七,补充

  color:字体颜色

  font-size:字体大小,单位像素PX

  font-weight:加粗,值为100-900,bold和normal

  font-style:italic斜体,normal正常

  font-family:字体

  text-indent:2em 段首缩进

  

  

原文地址:https://www.cnblogs.com/memo-song/p/8569543.html