zoukankan      html  css  js  c++  java
  • CSS笔记2

    2016-11-14 12:12:13

    12 文本装饰

    Decoration:有这些值undline, overline, line-through, none;

    13 盒模型

    在css的文本框中有padding, margin, border-style, border-width,padding-left等属性。在文本框中,你还可以设置它的背景图片。background-image:url(addressname); 其中还有background-position: 其常用的值有 top bottom right left, center等background-repeat:其常用的值有no-repeat; repeat-x; repeat-y; inherit。CSS提供的盒模型实现了内容和表现样式的分离.

    14 边框的样式

    Border-style:主要的值有solid, dotted, double,dashed(破折线) groove(槽线),outset(外凸),inset(内凹),ridge(脊线)

    15 边框的圆角

    Border-radius:15px;

    Border-top-left-radius:3em;

    Border-top-right-radius:4em等

    16 id

    你定位的元素具有唯一性,请使用id,一个id只与页面的一个元素匹配,而id的使用是   元素名#id名。

    17 混合样式表

    同一个html文件中引入多个CSS样式表,和原来一样使用多个<link>标签,依次把它们引入,它们之间的顺序很重要。排在后面的会覆盖前面的样式。

    18 根据要显示页面的设备类型来调整页面的显示的样式

    这在<link>元素中有一个media属性

    <link href=”lounge-mobil.css” rel=”stylesheet” media=”screen and (max-device-450px)”)其还有其它一些值。In-max-device,还有orientation显示横向还是纵向landscape 和 portrait

     

    19 div

    Div是比较重要的一个html元素,它是一个容器,在一个html文件中我们把网页的内容,按照其相关性,把它分为一个个的逻辑区域,就是一个相对独立的区域,然后用div这个容器把它包裹起来,然后我们就可以很方便的设置这块区域的格式了。

    20 子孙选择器

    在这种选择器中只有它的子孙才能继承它的一些属性,你还可以指定为它的直接孩子等

    21.css的简写:

    padding: top right bottom left;

    margin: top right bottom left;

    若全部相同,你就只需要指定一个值,然后所有的属性都是这个值

    Border: width color style; 这些可以按照任意顺序,和个数指定值

    Background : image repeat color; 同上;

    font: font-style font-variant font-weight font-size/line-height font-family;

    (font-style font-variant font-weight)这些值是可以选的但它们必须出现font-size的前面

    /line-height 这是可选的,如果想指定直接在font-size的后面加一个/然后指定你想要的行高。

    Font-family 的名称之间要用分号隔开。

    22. span

    是把内联字符和元素的逻辑分组,这就是说它可以把一些字符,想对于其它一些字符有些区别,这是建立内联元素的分组,而div是建立块字符的逻辑分区

    自己选的路,跪着也要把它走完------ACM坑
  • 相关阅读:
    Note/Solution 转置原理 & 多点求值
    Note/Solution 「洛谷 P5158」「模板」多项式快速插值
    Solution 「CTS 2019」「洛谷 P5404」氪金手游
    Solution 「CEOI 2017」「洛谷 P4654」Mousetrap
    Solution Set Border Theory
    Solution Set Stirling 数相关杂题
    Solution 「CEOI 2006」「洛谷 P5974」ANTENNA
    Solution 「ZJOI 2013」「洛谷 P3337」防守战线
    Solution 「CF 923E」Perpetual Subtraction
    KVM虚拟化
  • 原文地址:https://www.cnblogs.com/IKnowYou0/p/6061398.html
Copyright © 2011-2022 走看看