CSS入门知识点：表单制作与框架解析

需积分: 10 138 浏览量更新于2024-09-09 收藏 6KB TXT 举报

"CSS知识点总结" 在CSS（Cascading Style Sheets）中，学习和掌握一些基本概念和常用属性是至关重要的。以下是一些关键的CSS知识点： 1. **选择器与属性**: CSS通过选择器来定位HTML元素，并应用样式。如``、``和``等标签选择器，以及类选择器（`.class`）和ID选择器（`#id`）。在示例代码中，我们可以看到一些不常见的字符序列，如`{N*NHhO]zz}`，这可能是一个错误或者无效的选择器，实际编写CSS时应该避免使用这样的非标准字符。 2. **盒模型**: CSS盒模型包括元素的content（内容）、padding（内边距）、border（边框）和margin（外边距）。在HTML中，`topmargin`和`leftmargin`是过时的属性，现代CSS中应使用`margin`属性来设置上下左右的边距，例如`margin: 0px;`。 3. **链接样式**: `<a>`标签用于创建超链接，`href`属性定义链接的目标URL，而`target`属性控制链接在何处打开。`_blank`表示新窗口或标签页，`_self`表示当前窗口，`_parent`和`_top`则与框架有关。示例代码展示了不同的`target`值。 4. **水平线`: `<hr>`标签创建水平分隔线，可以设置其样式，如颜色（`color`）和宽度（`width`）。 5. **文本样式**: `font-size`属性用于设置字体大小，可以使用像素（px）或其他单位。示例中展示了使用``标签设置大小，但此标签在现代HTML中已不推荐使用，通常建议使用CSS来处理字体样式。`font-style`属性可以设置字体为斜体，如`font-style: italic;`。 6. **HTML与CSS的配合**: CSS通常放在`<head>`标签内的`<style>`标签中，或者外部引用为一个单独的`.css`文件。`<!doctype html>`声明文档类型，`lang`属性定义文档的语言（这里是英语）。学习CSS时，理解这些基本概念并结合实践将有助于你更好地掌握CSS语言，实现网页的样式设计。此外，了解CSS布局（如流式布局、网格布局和Flexbox）以及响应式设计也非常重要，这些可以帮助你创建适应不同设备的现代网页。在实际开发中，还可以利用预处理器（如Sass和Less）以及CSS框架（如Bootstrap和Foundation）提高效率。

/*1.第一个案例，左边空白和顶端空白（leftmargin=多少px：左边空白
topmargin=多少px:顶端空白）*/
<!doctype html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body topmargin=0px>
你好！！！
</body>
</html>
/*2.html的加强*/
<a href="url" target="值"></a>
<a href="url" target="_blank">新窗口</a>
<a href="url" target="_self">本窗口</a>
<a href="url" target="_parent">父窗口</a>
<a href="url" target="_top">整个浏览器窗口</a>
<a href="url" target="指向feurm的名字">父窗口</a>
/*3.标尺线：用<hr />表示,用width,size,color分别表示长度，尺寸、颜色*/
<!doctype html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body topmargin=0px>
你好！！！
<hr color="red" />
</body>
</html>
/*4.标题标签讲解*/

下载后可阅读完整内容，剩余4页未读，立即下载

异乡ぁ人

粉丝: 1
资源: 1

CSS入门知识点：表单制作与框架解析

html+css知识点总结

css3笔记知识点总结

html5css知识点

webpack重要知识点

html css八股文

基于SSM的考研在线复习平台的设计与实现在答辩时可能会问什么问题，并给出答案

web前端期末大作业 html css javascript网页设计实例 企业网站制作

web设计课程的收获和总结

解锁前端面试体系核心攻略.rar

前端八股文 github

最新资源

web前端期末大作业 html css javascript网页设计实例企业网站制作