HTML/CSS知识总结

最新推荐文章于 2024-11-06 09:49:17 发布

WuJieBest_

最新推荐文章于 2024-11-06 09:49:17 发布

阅读量277

点赞数 1

文章标签： css html css3

本文链接：https://blog.csdn.net/WuJieBest_/article/details/121315003

版权

CSS笔记

一、CSS是什么？

1.层叠式样式表，简称为样式。
2.由W3C组织制定的标准，最新版CSS3
3.CSS由浏览器执行
4.作用：美化网页（HTML不具备美化网页的功能）

二、CSS选择器（*****）

1.元素选择器（标记选择器）
2.id选择器
3.class选择器
这三种选择器必须会使用

三、CSS代码位置

1、页内样式：放在head之间，用上腾娱乐标记
2、行内样式：放在标记的style属性里，行内样式优先级最高
3.外部样式：放在独立的.CSS文件中，在网页上用link引入

四、开发常用样式

1、背景颜色：background-color
2、文本样式:color text-aline text-decoration
3、字体样式：font-family font-size
网页上的文字默认是16px；在工程上，网页上的字是12px或14px
4、链接样式：a:hover
5、表格样式：细线表格border-collapes;collapes
6、边框样式：（边框变红border:1px solid red)

五、盒子模型

1.与网页布局密切相关
2.美工必须精通
3.开发工程师理解并会用
4.重要的两个东西：内边距，外边距margin 内外边距是相对的，看站在谁的角度
哪一方来说。边距有4个方向：上下左右

六、登录网页

1.用到了盒子模型（内部外部边距）
2.HTML表单元素（用户名，密码，登录按钮）

HTML笔记

总结

HTML只能做网页的结构，大小写不区分，有浏览器执行
开发重点：表单、表格、超链接、图片、列表、liframe
学到什么程度就达标？能把2“写”出来
对开发人员的用途：做项目的界面

二HTML表格(*****)

	<table></table>表格标记
	<tr></tr>表格行 
	<td></td>表格列
	在<table>里放<tr>,在<tr>里放<td>
	合并单元格使用：<td colspan="2"></td>

三、HTML超链接(*****)

链接可以到自己的网页，也可以是外部网站

 <a href=""></a>

三、HTML图片(*****)

1.语法

	<img src="" width="" heigh="">

2.图片超链接
在超链接标记当中放入

四、HTML列表

有序列表和无序列表

	有序列表<ol></ol>  无序列表<ul></ul>  列表项<li></li>

五、标题

HTML中有六级标题；从h1-h6

六、段落和DIV块

段落P 会自动换行
块DIV 不会自动换行
lable 不会自动换行

七、颜色

颜色表示两种：颜色的值(主要使用颜色值）颜色的名字颜色的值是16进制，以#开头
颜色是由3中色调配而成：RGB（red,green,blue)

做网页的在公司里是网页美工或ui工程师，我门开发人员用他们做好的我们不去做网页，更不会做网站
我们需要能够看懂他门写的。

八、字符实体

面试题：HTML中的空格怎么表示

HTML是W3C的标准，但W3C不是强制标准。每个浏览器对它的支持
程度不尽相同，而且HTML语法比较宽松。浏览器是执行网络代码的。

九、ifram框架（常用）

高频面试题：post和get有什么区别？

postf方式提交表单，表单数据在地址栏不显示，比较安全
get方式提交表单，表单数据会显示在地址栏上，不安全
post提交数据，数据量大小不限；get一般大小为2k；一般使用post

一、Markdow学习

1.Markdown是什么？
写软件文档用的，软件工程师标配。
它有自己的语法，但非常简单。
浏览器就能识别Markdown代码

2.什么时候使用？
写专业软件文档用：github或gitee上写文档；
日常写笔记，总结或写书。

二、HTML介绍

1.HTML是什么？What（推荐使用5W1H学习发）
叫做：超文本标记语言。最新版本：HTML5
HTML代码由谁来执行？浏览器。主流的5打浏览器：chrome、Firefox、opera、safari、edge
建议：从现在开始停止使用360，qq等浏览器

HTML语言不区分大小写

2.为什么用它？why
要做web项目界面必须得用它。

3、谁来用？who
后端开发人员一要会、web前端开发工程师、网页美工（ui）

4、什么时候用？
做项目需要的时候用。

5、用在哪里？where
用在网页上，搭建网页结构或元素。

6、怎么用？
按照教程来学在项目中使用。通过实际来使用

三、HTML标准

HTML是由W3C制定的国际标准。W3C:国际万维网组织

四、HTML表单的开发（*****）

0.表单怎么写？

1.文本框怎么写？

  <input type="text" />

2.密码框怎么写？

<input type="password" />

3.单选按钮怎么写？

<input type="radio" />

4.下拉按钮怎么写？

<select>
<option> </option>
</select>

5.复选框怎么写？

<input type="cheeckbox" />

6.文本域怎么写？

<textarea rows="5" cols="50">

7.文件上穿怎么写？

<input type="file" />

8.提交按钮怎么写？

<input type="submit" value="注册" />

9.重置按钮怎么写？

<input type="reset" value="清空重填" />

10.如何跳转网页？

<form action="receive.html">

提醒

1.不要背代码！！！通过多写来永久记忆

2.学编程最佳方式：多写！！！一定要动手写（听不会，看不会）

3.多理解，理解的基础上记忆，理解的越多，死记越少！