• css笔记1


    这是我个人在学习CSS中的一些笔记。

    1.HTML的每一个元素相当于一个房间,而CSS就选择一些房间来装饰。

    基本语法:下面的这个我们称之为selector

    ,HTML元素,名HTML元素名{(多个元素可以用逗号分隔开)

    CSS属性名:属性值;

    CSS属性名:属性值;(多个属性值可以用空格键分开)

    }

    CSS规则一般放入<style> <style>

    常用CSS属性:

    font-family:选择字体

    color:字体颜色

    border-bottom:1px solid(实线) black;

    HTML ,<text-docoration underline=””><text-decoration>

    font-size:字体大小

    font-weight:字体粗细

    font-style:是否斜体

    2.HTML页面连接到外部样式表,这样可以做到一改全改,不必跑到每个页面修改CSS

    主要语法:

    <link type=”text/css” ref=”stylesheet” href=”CSSfilename.css”>

    首先你把所有的css语法规则,单独的写到一个文件里,以.css结尾,然后用<link>元素连接进来。

    3.CSS存在元素继承,既是你把某一个元素指定为某种样式,那么这个元素内包含的元素也具有它的样式。

    4.CSS中存在覆盖继承,这可以使你的某些元素包留自己的独特个性。

    5,CSS中存在类的概念

    主要语法把某个元素(注意不是某类元素)加入到某个类,然后指定这个类的特别样式。

    首先你需要把某个元素标记为某个类<元素名  class=“classname1,classname2,classname3>

    </元素名>这是在html文本中设置的。一个元素可以加入多个类。

    然后你需要在特定的css文中,创建一个类seleor设置你该类的特殊风格

    6,CSS中的元素冲突。

     主要规则是更特定原则,和类中的靠后原则。

    7字体系

    五个通用字体系:

    Sans-serif, serif, monospace, cursive, fantasy,

    每个字体系,你都在字符优先列表的末尾添加一个通用字符列表。

    8,web字体。

    你必须包含一个字体文件,该文件包含该字体的所有信息。然后把你的字体文件放到web上

    然后在你的字体中添加@fong-face,把这个规则放到文件的最上面,也就是body上面。

    8,调整字体的大小

    调整字体的大小主要有两种,一是相对大小,一是指定它的大小,我们一般采用相对大小。

    用%指定字体的大小,它是相对与父元素的大小,font-size:80%。em也是用来指定字体的相对大小font-size:1.2em。还有一种指定字体的大小:xx-small, x-small, small, medium, large , x-large, xx-large,每一个大小都相对与前一个大小20%。我们通常选择一个关键字,small或medium来指定大小,然后用%或em来指定大小。

    9 改变字体的粗细

    Font-size:主要有下面几个值bold, normal, bolder, lighter

    10 字体风格

    Font-size:主要的italic 和 oblique

    Italic是有专门的斜体字符,而oblique是把正常的字体倾斜。

    11 web颜色

    Web颜色主要是红,绿,蓝(RGB)混合而成的。颜色你可以用颜色名,三种颜色的百分比,或一个16进制。Color:red; color:rgb(20%,10%,40%); color:rgb(45,74,90)(范围是0~255);

    Color;#366563;

    自己选的路,跪着也要把它走完------ACM坑
  • 相关阅读:
    双节来临之际田洪川及全家恭祝大家节日快乐!
    郁闷..一级教程我录了两次都失败了!
    Visual Studio 2005入门 之 HyperLink [视频]
    Visual Studio 2005入门 之 镶套\包含类型[视频]
    vs2005入门 之 状态处理(Application,Seeeion,Cookie) [视频]
    vs2005入门 之 类共享成员
    vs2005入门 之 HiddenField、LinkButton、Literal [视频]
    Visual Studio 2005入门 之 日历[Calender]一 [视频]
    9月24号25号搬家,26号休息,不能发布,请勿关注!
    Visual Studio 2005入门 之 Asp.Net中的事件(页面事件)[视频]
  • 原文地址:https://www.cnblogs.com/IKnowYou0/p/6061387.html
Copyright © 2020-2023  润新知