zoukankan      html  css  js  c++  java
  • 前端_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 段首缩进

      

      

  • 相关阅读:
    第19章 辅助器方法
    第18 章 视图
    第16章 过滤器
    第15章 控制器和动作
    第14章 高级路由特性
    第13章 URL 路由
    第12章 MVC项目综述
    第8章 SportsStorePeta 导航
    第9章 SportsStorePeta 完成购物车
    第10章 SportsStorePeta 管理
  • 原文地址:https://www.cnblogs.com/memo-song/p/8569543.html
Copyright © 2011-2022 走看看