HTML&CSS学习总结

Html: 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

Html语句写在后缀为xx.html文件中

Html中注释符为<!—   -->

Html 标签不区分大小写,一般成对出现,以< >开头,</>结尾。

HTML 标记包含一些规定的"元素" <head><title><body><header><footer><article><section><p><div><span><img><aside><audio><canvas><datalist><details><embed><nav><output><progress><video> 等等。

独占一行的为块元素,不会独占一行的是行类元素

Html文件由元素嵌套而成.

其中常见的是<div> <p> <h> <ul> <img><hr>

div>
        <h1>
            h1标签
        </h1>
        
       <p>
            p标签
       </p>
   

 </div>

在标签中可以设置属性 :

<h1> <font color=”red ”> 文字</font> </h1>

Html书写中 多个空格会自动被浏览器解析为一个空格。

可以使用转义字符 &nbsp

Css:

Css有三种编写位置

  1. 内联样式:在标签内部通过style属性来设置元素的样式
  2. 内部样式表: 将样式写在head标签里的style标签里
  3. 外部样式表: 编写一个.css文件,通过link html文件联系。

Css基本语法:

选择器 声名块

选择器,通过选择器可以选中页面中的指定元素.

声名块,通过声名块来指定原素设置的样式。 一个样式名对应一个样式值。

常用选择器:

  元素选择器:通过标签来指定元素   标签名{}

div{
   width: 200px;
   height: 200px; 
}

Id选择器:根据元素的id属性值选中一个元素。  #id属性值{}

#a1{
    color: red;
}

类选择器:class 与id类似,但可重复       .class属性值{}

.p1{
font-size: large;
}

伪元素: 表示页面中一些特殊的并不真实存在的选择器(特殊位置)

伪元素使用: ::开头

             ::first-letter 表示第一个字母 ::selection 表示选中的内容

::before 元素的开始  :: after 元素的结束   before 和 after 必须结合 content 来看

Rgb参数:通过 红色、绿色、蓝色 的数值来表示所有颜色,每一种颜色的范围都在0 -255之间

语法:rgb( , , )

Rgba:在rgb的基础上增加一个参数表示不透明度 值在 1- 0之间。

盒模型:(box model)

Css将页面所有元素设计为矩形盒子。

每一个盒子都包括以下部分:

Content(内容区): 大小由 width 和 height 两个属性来设置

Padding(内边距):  padding-top等属性

Border(边框): border-width border-color border-style 等属性

Margin(外边距) 同上

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值