初识HTML+CSS

作者: Du1in9 | 来源:发表于2020-02-20 21:08 被阅读0次

    1-1代码初体验,制作我的第一个网页

    1-2Html和CSS的关系

    1-3认识html标签

    1-4 标签的语法

    1-5认识html文件基本结构

    1-6认识head标签

    1-7了解代码注释

    2-1语义化,让你的网页更好的被搜索引擎理解

    2-2<body>标签,网页上显示的内容放在这里

    2-3开始学习<p>标签,添加段落

    2-4了解<hx>标签,为你的网页添加标题

    2-5加入强调语气,使用<strong>和<em>标签

    2-6使用<span>标签为文字设置单独样式

    2-7<q>标签,短文本引用

    2-8<blockquote>标签,长文本引用

    2-9使用<br>标签分行显示文本

    2-10为你的网页中添加一些空格

    2-11认识<hr>标签,添加水平横线

    2-12<address>标签,为网页加入地址信息

    2-13使用<code>标签加入一行代码

    2-14使用<pre>标签为你的网页加入大段代码

    3-1使用ul,添加新闻信息列表

    3-2使用ol,添加图书销售排行榜

    3-3认识div在排版中的作用

    3-4给div命名,使逻辑更加清晰

    3-5table标签,认识网页上的表格

    3-6用css样式,为表格加入边框

    3-7caption标签,为表格添加标题和摘要

    4-1使用<a>标签,链接到另一个页面

    4-2在新建浏览器窗口中打开链接

    4-3使用mailto在网页中链接Email地址

    4-4认识<img>标签,为网页插入图片

    5-1使用表单标签,与用户交互

    5-2文本输入框、密码输入框

    5-3文本域,支持多行文本输入

    5-4使用单选框、复选框,让用户选择

    5-5使用下拉列表框,节省空间

    5-6使用下拉列表框进行多选

    5-7使用提交按钮,提交数据

    5-8使用重置按钮,重置表单信息

    5-9form表单中的label标签

    6-1认识CSS样式

    6-2CSS样式的优势

    6-3CSS代码语法

    6-4CSS注释代码

    7-1内联式css样式,直接写在现有的HTML标签中

    7-2嵌入式css样式,写在当前的文件中

    7-3外部式css样式,写在单独的一个文件中

    7-4三种方法的优先级

    8-1选择器

    8-2标签选择器

    8-3类选择器

    8-4ID选择器

    8-5类和ID选择器的区别

    ID选择器只能在文档中使用一次,类选择器词列表方法能为一个元素同时设置多个样式

    8-6子选择器

    8-7包含选择器

    8-8通用选择器

    8-9伪类选择符

    8-10分组选择符

    9-1继承

    9-2特殊性

    9-3层叠

    9-4重要性

    10-1文字排版:字体

    10-2文字排版:字号、颜色

    10-3文字排版:粗体

    10-4文字排版:斜体

    10-5文字排版:下划线

    10-6文字排版:删除线

    10-7段落排版:缩进

    10-8段落排版:行间距

    10-9段落排版:中文字间距、字母间距

    10-10段落排版:对齐

    11-1元素分类

    11-2块级元素

    11-3内联元素

    11-4内联块状元素

    11-5盒模型

    11-6盒模型:边框(一)

    11-7盒模型:边框(二)

    11-8盒模型:宽度和高度

    11-9盒模型:边框里padding

    11-10盒模型:边框外margin

    12-1css布局模型

    12-2流动模型(一)

    12-3流动模型(二)

    12-4浮动模型

    12-5层模型

    12-6层模型:绝对定位

    12-7层模型:相对定位

    12-8层模型:固定定位

    12-9Relative与Absolute组合使用

    13-1盒模型代码简写

    13-2颜色值缩写

    13-3字体缩写

    14-1颜色值

    14-2长度值

    15-1水平居中设置:行内元素

    15-2水平居中设置:定宽块状元素

    15-3水平居中设置:不定宽块状元素(一)

    15-4水平居中设置:不定宽块状元素(二)

    15-5水平居中设置:不定宽块状元素(三)

    15-6垂直居中:父元素高度确定的单行文本

    15-7垂直居中:父元素高度确定的多行文本(一)

    15-8垂直居中:父元素高度确定的多行文本(二)

    15-9隐性改变display类型

    相关文章

      网友评论

        本文标题:初识HTML+CSS

        本文链接:https://www.haomeiwen.com/subject/iidzfhtx.html