zoukankan      html  css  js  c++  java
  • C#基础笔记(第十九天)

    1、CSS 层叠样式表 对HTML的补充
    实现网页内容和页面效果的彻底分离
    1.内联样式表(在标签内设置元素的样式)
    <p style="background:red; font-size:xx-large">今天天气好晴朗,处处好风光</p>
    比较灵活,想给谁设置数据就给谁设置数据
    但如果想让当前页面所有P标签都变成这样,得所有的都写一遍,太麻烦了。

    2.嵌入样式表(需要在head标签内写<style type="text/css"></style>)
    <style type="text/css">
    p{

    font-size:xx-small;
    }
    全局改变,但是不会改变到内联样式表,内联样式表的优先级更高

    3.外部样式表 link
    下载别人写好的样式
    tt{

    font-size:xx-large;

    <link href="Test.css" rel="stylesheet" type="text/css"/>
    优先级低于前面两种

    2、样式规则的选择器(通过怎样的途径来获得页面上要设置样式的元素)
    1)、HTML Selector 
    tt{

    }
    2)、Class Selector(类选择器,需要给要设置样式的元素的class属性赋值)
    tt.tt1{

    }
    tt.tt2{
    font-size:xx-large;
    }

    <tt class="tt1">
    <tt class="tt2">
    页面中某些元素要显示同一样式的时候采用类 class选择器
    3)、ID选择器(需要给要设置样式的元素的class属性赋值)
    .p1{

    }
    #p2{

    }
    #p3{

    }
    #p4{

    }
    要保证每一个ID是唯一的,尽量不要给标签赋值同一个ID 单一用ID
    <p class="p1">
    <p class="p1">
    <p id="p2">
    <p id="p3">
    <p id="p4">
    4)、关联选择器 
    标签可以相互嵌套 根据嵌套的标签来赋值
    p em{

    }

    <p><em>今天天气好晴朗</em></p>
    <em>哈哈</em>
    <em>哈哈哈</em>
    <p>今天天气好晴朗</p>
    <p>今天天气好晴朗</p>
    <p>今天天气好晴朗</p>
    5)、组合选择器
    h1,h2,h3,h4,h5,h6,td{

    }

    <h1>我是一个粉刷匠</h1>
    <h2>我是一个粉刷匠</h2>
    <h3>我是一个粉刷匠</h3>
    <h4>我是一个粉刷匠</h4>
    <h5>我是一个粉刷匠</h5>
    <h6>我是一个粉刷匠</h6>
    <table border="1" cellspacing="0px" cellpadding="0px">
    <tr>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    </tr>
    <tr>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    </tr>
    <tr>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    <td>粉刷本领强</td>
    </tr> 
    6)、伪元素选择器
    伪元素选择器是指对同一个HTML元素的各种状态和其所包括的。部分内容的一种定义方式。例如,对于超链接标签(<a></a>)的正常状态(没有任何动作前)、访问过的状态、选中状态、光标移动到超链接文本上的状态,对于段落的首字母和首行,都可以使用伪元素选择器来定义。
    常用的伪元素
    A:active 选 中超链接时的状态
    A:hover 光标移动到超链接上的状态
    A:link 超链接的正常状态
    P:first-link 段落中的第一行文本
    P:first-letter 段落中的第一个字母

    a:active{
    text-decoration:none;
    }
    a:hover{
    font-size:xx-large;
    }

    P::first-letter{
    font-size:xx-small;
    }
    p::first-line{
    font-size:xx-large
    }

    <p>小李子是一个二货<br/>
    小李子是一个二货<br/>
    小李子是一个二货<br/>
    小李子是一个二货<br/>
    小李子是一个二货</p>
    <a href="#">超链接</a>
    <a href="#">超链接</a>
    <a href="#">超链接</a>
    <a href="#">超链接</a>
    <a href="#">超链接</a>

    3、CSS字体属性介绍
    1)、字体
    font-family:该属性用于设置字体系列。
    font-size:该属性定义文字的大小,可以使用度量单位来设置字体的大小,也可以使用一个相对的字体大小。还可以使用绝对的大小标记符。绝对大小的设置为 xx-small、x-small、small、medium、large、x-large、xx-large中的任意一个。xx-small为最小,xx-large为最大。
    font-style:该属性用于定义字体样式为normal、italic或者oblique(斜体)
    text-decoration:该属性用于文本中的下划线、上划线、闪烁效果。
    font-weight:该属性拥有设置粗体字的磅值,该属性的值有:normal、bold、bolder、lighter、100~900

    4、文档流
    position:absolute;绝对定位,定到哪就是哪
    position:fixed; 固定
    z-index:3;数值越高的越显示在外面
    div{
    height:300px;
    300px;
    }
    div.div1{

    top:100px;
    left:100px;
    position:absolute;
    z-index:3;
    }
    div.div2{

    top:130px;
    left:130px;
    position:absolute;
    z-index:2;
    }
    div.div3{

    top:160px;
    left:160px;
    position:absolute;
    z-index:1;
    }
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>

    5、文本属性
    文本属性包括:文字间距、对齐方式、上标、下标、排列方式、首行缩进。
    word-spacing:设置单词之间的间距。
    letter-spacing:设置字符之间的间距。
    text-align:设置文本的水平对齐方式,取值可以是left、right、center、justfy
    text-indent:设置第一行文本的缩进值
    line-height:设置文本所在行的行高。

    6、盒子模型
    一个盒子就是div
    DIV盒子和网页或其他DIV盒子之间的间距用margin表示
    DIV盒子和DIV盒子里面的内容的间距用padding表示
    DIV盒子的边框用border表示

    表示所有的外边框间距为0。
    *
    {
    margin:0px;
    }

    auto表示自动(居中)
    把网页格式,局先布好了,再往里面填内容
    先每一块DIV都弄一个背景颜色,等局布完了,再撤掉只留内容
    写之前先以这个形式把网页的框架搭出来。
    float:left(贴着左边漂浮) 漂浮要同个div里的都漂浮
    飘起来就不在那个div内占地方了。

    7.简单工厂和抽象类复习
    1)、注释符
    单行注释 // 注释单行代码
    多行注释 /*要注释的内容*/
    文档注释 ///注释类和方法
    HTML <!--要注释的内容-->
    CSS /*要注释的内容*/

    2)、命名规范
    Camel骆驼命名规范:要求首单词的首字母小写,其余单词首字母大写,变量、字段
    int age string name char gender string highSchool
    int _chinese 字段加下划线

    Pascal:类或方法 GetMax GetAvg GetSum

    起名一定要有意义,不要乱起

    第一部分:面向对象
    process 进程 操作进程

    StartInfo是你要打开的那个文件的那个东西,它需要 ProcessStartInfo类型,把打开这个文件的地址传给这个对象 再把这个对象赋值给要打开的这个startInfo,最后调用它的start方法,把它打开
    //使用进程打开指定的文件
    ProcessStartInfo psi = new ProcessStartInfo(@"C:UsersSJDDesktopAE.txt");
    Process p = new Process();
    p.StartInfo = psi;
    p.Start();

    3)、面向对象的复习
    1.封装、继承、多态
    ***字段:存储数据,访问修饰符应该设置为priveate私有的
    ***属性:保护字段,对字段的取值和赋值进行限定
    ***new关键字:1、在堆中开辟空间 2、在开辟的空间中创建对象 3、调用对象的构造函数
    ***this关键字:1.代表当前类的对象 2.调用自己的构造函数
    构造函数就是一个特殊的方法 
    构造函数没有void 必须是Public
    单立模式,只能创建一个对象,如QQ
    构造函数:初始化对象,当创建对象的时候,会调用构造函数。
    给对象的每个属性赋值的过程称之为对象的初始化
    ***对字段的保护方法:
    1.get()
    2.set()
    3.构造函数
    ***return:
    1.立即结束本次方法
    2.在方法中返回要返回的值

    public Person(int age, string name,char gender,int chinese,int english,int math)
    {
    this.Age = age;
    this.Name = name;
    this.Gender = gender;
    this.Chinese = chinese;
    this.English = english;
    this.Math = math;
    }
    public Person(int age,string name,char gender):this(age,name,gender,0,0,0)
    {

    }

    4)、继承复习
    解决代码的冗余,实现多态,增强了代码的扩展性,便于维护。
    1.单根性
    2.传递性
    子类并没有继承父类的构造函数,而是会默认调用父类那个无参数的构造函数。
    如果一个子类继承了一个父类,那么这个子类除了可以使用自己的成员外,还可以使用从父类哪里继承过来的成员。但是父类永远都只能使用自己的成员,而不能使用子类的成员。
    子类之间也不能互相使用对方的成员。

    5)、里氏转换
    1、子类可以赋值给父类
    2、如果父类中装的是子类对象,那么可以将这个父类转换为子类对象
    3、as
    Person person = new Student();
    Teacher t = person as Teacher;
    转换成功返回对应的对象
    转换失败返回一个Null
    4、is 
    Person person = new Student(); 
    {
    Console.WriteLine("OK,可以转换");
    }
    else
    {
    Console.WriteLine("NO,不可以转换");
    }
    转换成功返回true
    转换失败返回false

    6)、多态
    1.虚方法 virtual
    2.抽象类 abstract

     
     
  • 相关阅读:
    【西北师大-18软工】第七次作业成绩汇总
    【西北师大-18软工】第六次作业成绩汇总
    【西北师大-18软工】第五次作业成绩汇总
    【西北师大-18软工】第四次作业成绩汇总
    使用jQuery刷新页面
    jquery怎么判断浏览器是否是ie
    JavaScript如何生成随机字母数字字符串
    js如何引入css文件
    提高网站加载速度的提示和小技巧
    JavaScript 9 个功能强大的技巧
  • 原文地址:https://www.cnblogs.com/VSMinos/p/7873482.html
Copyright © 2011-2022 走看看