v客学院吧 关注:58贴子:694
  • 6回复贴,共1

CSS的基本使用

只看楼主收藏回复

1.CSS三种写法
(1)<p style=”...”></p>
(2)<head>
<style>
选择器{ 属性:值; 属性:值; }
</style>
</head>
(3)<head>
<link href=”xxxx.css” rel=’stylesheet’ />
</head>


1楼2016-05-23 11:03回复
    2.CSS选择器
    (1)标签选择器
    <p></p>
    <table></table>
    p{}
    table{}
    (2)ID选择器
    <p id=”pid”></p>
    #pid{}
    同一个页面,id名不能出现重复的。id=”pid”只能出现一次,但是可以有id=”ppid”...
    (3)类选择器
    <p class=”pclass”></p>
    .pclass{}
    (4)Input
    <input type=”text” name=’test’ />
    input[type=’text’]
    input[type=’password’]
    input[type=’submit’]
    (5)组选择器
    #pid , .pclass , input[type=’text’]{}
    (6)后代选择器
    <p id=”pid”>
    dddddd
    <b>asdfewer</b>
    sdfasdf
    </p>
    #pid b{}
    从外到内选择。
    注意到优先级问题,避免影响不需要操作的元素。


    2楼2016-05-23 11:03
    回复
      3.列表
      <ul>
      <li>11111111</li>
      <li>22222</li>
      <li>3333333333</li>
      <li>444444444</li>
      </ul>
      li{ list-style:none;
      float:left; 把当前控制的元素放到左边(右边),让他的后面可以继续放置元素
      }
      不需要浮动以后必须及时清除!


      3楼2016-05-23 11:04
      回复
        4.盒子模型
        任何块级元素均由内容、填充、边框、外边距从内到外组成。其中元素设定的宽高仅为元素的大小。


        4楼2016-05-23 11:05
        回复
          5.Div
          Div是一个透明的盒子,他的大小由你控制(或由他里面包含的元素控制)。
          http://www.w3school.com.cn/cssref/index.asp
          CSS参考手册
          http://www.w3school.com.cn/css/index.asp
          CSS教程
          http://www.w3school.com.cn/html/index.asp
          HTML教程


          5楼2016-05-23 11:05
          回复


            IP属地:湖南6楼2016-05-23 11:12
            回复
              不错·····


              7楼2018-06-01 11:42
              回复