学习H5的第一周小结

冲geigei

已于 2022-02-14 11:10:03 修改

阅读量142

点赞数 1

文章标签： html5 css

于 2022-02-12 16:58:01 首次发布

本文链接：https://blog.csdn.net/lc19961001/article/details/122896851

版权

本文详细介绍了HTML和CSS的基础知识，包括HTML的标题、段落、样式标签以及列表、表格和链接的使用，同时讲解了CSS的样式设置方式、选择器类型以及文本和背景属性的设置。通过这篇文章，读者可以掌握网页制作的基本元素和样式设计。

摘要由CSDN通过智能技术生成

html的知识点

<h1></h1>-<h6></h6>文本标题1-标题6,独占一行

<p></p>段落标签

<i></i> <em></em>倾斜标签

<del></del> <s><s>删除线标签

<b></b> <strong></strong> 加粗标签

<u></u>下划线

<sup></sup>上标(常用于数学)

<sub></sub>下标(常用于化学公式)

<hr>水平线

<br>强制换行标签

<ul> 无序列表,用type=""设置( circle空心圆/disc实心圆/square方形)无图案用" none"

</ul>

有序列表,用type=""可以设置为1,A,a,I,i这五种,默认为1,用start设置由第几个开始,只能设置数字

<ol>

</ol>

无序列表:只能有一个dt,可以有多个dd

<dl>

</ol>

<img src="图片名.图片格式" title="提示信息" alt="图片不显示时显示的文字">返回上一级文件夹用../

<a href=“超链接跳转的目标地址” title=“鼠标悬停上去之后的提示信息” target=“设置新页面打开方式"></a>.target="_blank"在新页面打开,target=“_self“ 在当前页面打开新页面,这个属性为默认值

<div></div>用来划分区域,相当于一个盒子内部可以放其他标签

<span></span>没含义,一般用来设置css属性的时候使用这个标签

创建表单

<from>

< input type=“” placeholder=“” name=“” value=“”/>输入框

用type定义当前输入框类型:text,文本框;password,密码框:button按钮;reset清空效果的重置框

用placeholder更改当前输入框内的提示文字

name必须设置,否则不会向服务器发送输入框输入的信息

</from>

css的知识点

css可以设置为行内样式,内部样式和外部样式三种

行内样式直接在标签内设置:在标签内style=""中设置需要的样式,缺点是不能重复设置,只能一个一个的往标签内加,并且不方便后期维护

内部样式表在head中写<style></style>,在该标签内书写需要的属性.可以直接设置标签的样式,如果有多个相同标签且分别需要不同的样式,可以给标签用class或id起个名字后用起的名字{}在括号内书写样式

外部样式直接单独创建一个.css的文件,在文件内直接书写标签需要的样式代码,如果html文件里标签设置了名字就直接书写该名字对应的样式代码.书写完毕后,在html文件内的head标签用link标签调用css文件<link rel="stylesheet" type=" text/css" href="css文件的路径">(可以用link href=图片 rel=icon来设置网页头部的小log)

css选择器的类型有基本选择器、层次选择器、伪类选择器、属性选择器、伪对象（伪元素）选择器这五大类

基本选择器:有标签选择器,class选择器,ID选择器,通配符,群组选择器,class和id选择器class选择器用.名字{};ID选择器用#名字{};通配符用*{};群组选择器用,将需要同一样式的不同标签一起书写样式.

层次选择器:

后代选择器:想要改变父元素下所有的后代元素时用 :父元素子元素{}.

子选择器:想改变父元素下所有子元素时用(不包含子元素的子元素):父元素>子元素{}.

相邻选择器:想改变某个元素后挨着的元素的时候使用:某1+某2{}.

通用兄弟选择器:想改变某个元素后边所有的元素的时候使用:某1~某2{}.

当有不同样式配置了同一标签时,根据不同标签的权重来选择表现那一个样式,低权重的样式会被高权重样式覆盖.

用css设置文本属性:

font-size 字体大小:单位可以是px,pt,em等,em根据当前字号的px值变化

color 颜色:

font-family 字体:设置多个字体用,连接,先解析前边设置的字体,如果系统没有该字体则解析第二个字体