zoukankan      html  css  js  c++  java
  • css样式表0513补

    好久没有写博客了, 内心有心事有些小尴尬的,这么大人了还被别人逼着做事,以后怎么成长呢;

    今日语录:欲语码千行;

    2.1.1 CSS样式表:

    2.1:概念:(刚学的时候不知其所云后来在制作网页的时候用上了也就慢慢熟了,有些东西不求自己现在马上明白,只要别再用的时候都不知道自己学过那就好办啊)

    1:内联

    和html联合表示

    例<p style="font-size:14px;">内联样式表</p>

    *个人感觉我自己用的时候不多;

    2:内嵌

        作为一个独立区域内嵌在网页里,必须写在head标签里边。

    例<style type="text/css">

    p   //格式对p标签起作用

    {

    样式:

    }</style>

    个人观点没搞懂问题:在body里引用p标签的方法;与其他样式表的对比;

    我基本没用过

    3:外部

     新建CSS

    用link连接 

    右键-css样式表-添加样式表-出来一个框-浏览点击连接

    <style type="text/css">

    *   //格式对所有标签起作用-去除所有边距,间距    *(所有的)

    {

    margin:0px;

    padding:0px;

    }

    </style>

    在<head></head>里使用专门用于去除body里的<div></div>

    虽然用的次数不多但是重点;

     2.1.2,选择器

    1,标签选择器。(用标签名做选择器)*我基本没用过 了解记忆

    <style type="text/css">

    p  //格式对p标签起作用

    {

    样式;

    }

    </style>同上不太常用个人观点;

    2,class选择器。都是“.”开头。

    <head>

    <style type="text/css">

    main   /*定义样式*/

    {

    height:42px;

    100%  *以整个页面对比

    text-align:center;

    }

    </style>

    </head>

    <body>

    <div class="main"></div>*调用class样式

    </body>

    </head>  注释class选择器系统设定可以被重复使用;

    3,ID选择器。以“#”开头

    <div id="样式名">

    与class选择器相似

    但不能在两个标签用一个ID

    4,复合选择器。

    1)用“,”隔开,表示并列。

    <style type="text/css">

    p,span   /*标签p,span两者同样的样式*/

    {

    样式

    }

    </style>

    2)用空格隔开,表示后代。

    <style type="text/css">

    .mian  p   /*找到使用样式“main”的标签,在该标签里p标签使用该样式*/

    {

    样式

    }

    </style>

    3)筛选“.”。

    <style type="text/css">

    p.sp   /*在标签p中的class=“sp”的标签,执行以下样式*/

    {

    样式

    }

    </style>

    2.2样式属性

    22.1(比较常用但不全)

    background-color背景色

    background-url-背景图

    background-attachment:fixed;背景固定不随字体滚动

    background-attachment:scroll;背景随字体滚动

    background-repeat:no-repeat;注释no-repeat不平铺;repeat平铺;repeat-x横向平铺;repeat-y纵向平铺

    background-position:center;背景图居中记住在设置背景图位置是要“no-repeat”

    background-position:right top;背景图放右上角(位置可自己改动例left under)

    background-position:left 100px top 200px;记住也可设置负值

    总结平时的一些小细节多总结一下 会有意想不到的东西例*平铺*

    字体

    font-family;是新宋体   字体一般用微软雅黑 , 宋体 

    font-xxxx基本格式;

    size字体大小中px是像素,同时也可用“em。是指倍数例 :2.5em;也可用百分数;

    weight:bold加粗;normal是正常;

    style:italic倾斜,normal是不倾斜;

    在这就是一些比较偏的了

    例缩进:

    有一个需要提示

    display:none;不显示;

    inline-block不自动换行,宽高可设;block显示块自动换

    CSS样式表在后期网页制作中会慢慢的使用上;

    2016--05-13

  • 相关阅读:
    DataTable轉EXCEL 3/21
    中風預防知識
    unable to convert mysql date/time value to system.data.time 11/14
    win8 获得地理坐标 GIS
    页面嵌套 GIS
    win8 metro 弹出一个部分 GIS
    正则表达式基础 之 ? GIS
    windows phone pivot 开发过程中的使用心得 GIS
    线程不安全 GIS
    线程基础知识 GIS
  • 原文地址:https://www.cnblogs.com/koker/p/5488127.html
Copyright © 2011-2022 走看看