HTML和CSS-阿里云开发者社区

开发者社区> 开发与运维> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章