HTML和CSS关键点

最新推荐文章于 2022-06-10 21:25:06 发布

qinzheng_chen

最新推荐文章于 2022-06-10 21:25:06 发布

阅读量200

点赞数

本文链接：https://blog.csdn.net/qinzheng_chen/article/details/105923036

版权

知识点备忘：

关于HTML CSS JQuery 还有什么疑问请访问https://www.w3cschool.cn/html/html-quicklist.html

为了提高感官响应速度：CSS一般放在HTML的Header中Link 原因是增加感官响应速度避免重新渲染，
js脚本要放到尾部待所有元素加载完成后执行JS脚本

HTML:

HTML元素可以应用多个Class 你可以应用多个class到一个元素，只需要在多个class之间用空格分开即可

<a>标签

1）HTML 空链接：指指向链接后，鼠标变成手形，但单击后仍停留在当前页面。
例子：
<a href="#">链接文字</a>
<a href="//www.w3cschool.cn/" target="_blank">访问W3CSchool教程!</a>
提示：默认的被链接文档会在原有的窗口中打开的。如果将 target 属性设置为 "_blank" 则文档就会在新窗口打开。

HTML Head中的特殊易忘元素：
2）HTML <base> 元素
<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
<head>
<base href="//www.w3cschool.cn/images/" target="_blank">
</head>

3）当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

4）img: alt属性用来为图像定义一串预备的可替换的文本：防止图片无法显示或者 user为纯文本浏览器
<img src="/statics/images/course/pulpit.jpg" alt="Pulpit rock" align="right">

5)<iframe>标签规定一个内联框架。
　一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
　通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
　iframe语法:
<iframe src="URL"></iframe>

6)form标准内容
<form name="input" target="_blank" action="form_action.php" method="get">
? <input type="text" value="w3cschool.cn" name="text" size="30">
? <input type="submit" value="提交">
</form>

7)把图片设置为超链接
<a href="#"><img src="/images/relaxing-cat.jpg"></a>

HTML5的新标签还没有使用过有问题请查看：https://www.w3cschool.cn/html/html-videos.html

CSS:

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明（声明由property和value组成）: 选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

CSS基本选择器主要分为ID选择器标签选择器和 class选择器。当然会有标签+类的组合选择器请类比JQuery

ID选择器实例：#+ID
#para1
{
text-align:center;
color:red;
}

class选择器实例：.+class name
.center {text-align:center;}

CSS选择器：
类选择器：
CSS类选择器用.开头 <style>
.red-text{
color:red;
}
</style> 而HTML中使用时不需要.

<h2 class="red-text">html编程入门教程</h2>
标签选择器：<style>
h2 {
color: blue;
}
</style>

Style的三个重要属性：可以类比WPF的Style
三个重要的属性控制每个HTML元素的布局：padding(内边距)、margin(外边距)、border(边框)。