HTML和CSS

简介: HTML和CSS一:前端开发简介 一、概述:前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框 架、解决方案,来实现互联网产品的用户界面交互。

HTML和CSS
一:前端开发简介

     一、概述:前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框

                  架、解决方案,来实现互联网产品的用户界面交互。

    二、发展过程:它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站

                        主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应

                        用,现代网页更加美观,交互效果显著,功能更加强大。

     

二:HTML5

    一、HTML简介

            HTML是超文本标记语言,是网页的核心,是一种制作万维网页面的标准语言
    二、HTML基本骨架

HTML基本骨架代码实现

    三、HTML常用标签

           1. 文档信息标签

文档信息标签代码实现

           2. 文本标签

文本标签代码实现

           3. 图像和超链接标签

图像和超链接标签代码实现

           4. 列表标签

列表标签代码实现

           5. 表格标签

表格标签代码实现

    四、HTML5表单

表单代码实现

    五、HTM5L新增标签

HTML代码
CSS代码

三:CSS3

    一、CSS3 简介

           CSS 指层叠样式表 (Cascading Style Sheets),在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
    二、CSS3 选择器

选择器HTML代码
选择器CSS代码

    三、CSS3 样式

样式HTML代码
样式CSS代码

    四、CSS 盒模型

                     

                             一: 外边距:margin
                                           1. 作用:设置元素和元素之间的间隔
                                           2. 使用:margin:上 右 下 左
 
                            二:边框:border
                                           1. 作用:设置边框的大小
                                           2. 使用:border:大小  线条  颜色;
                                           3. 圆角:border-radius:20px
                             三:内边距:padding
                                           1. 作用:设置内容区和边框之间的距离
                                           2. 使用:padding:10px;
    五、CSS3 定位

定位HTML代码
定位CSS代码
原文地址https://www.cnblogs.com/mh20131118/p/11188641.html

相关文章
|
16天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
7天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
11天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
18天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
19天前
|
XML 前端开发 JavaScript
css和html
【4月更文挑战第7天】css和html
13 0
|
24天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
|
前端开发 容器 内存技术
使用CSS3画出一个叮当猫HTML源码
本文教程介绍了如何使用CSS3绘制叮当猫,通过HTML结构和CSS样式逐步构建叮当猫的各个部位,如头部、脸部、脖子、身体、手脚等。代码示例展示了如何利用渐变、边框、阴影和定位技巧实现三维效果和细节特征。此外,还添加了眼珠的动画效果,让叮当猫的眼睛能够转动。整个过程适合对CSS3感兴趣的读者参考学习,以提升动态图形创作技能。
16 0
使用CSS3画出一个叮当猫HTML源码
|
1月前
使用html+css制作一个发光立方体特效
使用html+css制作一个发光立方体特效
23 2
使用html+css制作一个发光立方体特效