Web

于 2019-03-04 20:41:00 发布
阅读量61 收藏
点赞数
文章标签： 人工智能 javascript ViewUI
原文链接：https://my.oschina.net/u/4090431/blog/3017848
版权

一   网页

网站中用于承载信息的页面，主要由文字、图像和超链接等元素构成，除了这些元素，网页中还可以包含音频、视频以及flash等

HTML：Hyper Text Markup Language 超文本标记语言，网页布局、整体架构、内容

CSS：Cascading Style Sheets层叠样式表。页面更漂亮：页面的字体、大小、颜色、对齐方式、背景色、背景图片、边框样式、图片的宽高等等

JavaScript：页面的动态效果：轮播图、按钮的点击操作、淘宝左侧分类展示子分类的效果

 

二   Html文档基本格式：文档后缀名.html或者.htm

<!doctype html> 必须用在开头：用于向浏览器说明当前文档使用的哪种HTML规范标准

<html>：根标记，用于告知浏览器本文件是个html文档

<head>：头部信息，主要用来放置其他位于头部的标记，像<title>、<meta>、<link>、<style>等

<body>：主体标记。网页上要显示的所有内容都写在此处

p HTML 标记或者标签
• 通常 成对 出现： <html></html> 、 <p></p>
• 标签对的第一个标签叫开始标签（开放标签），第二个是结束标签（闭合标签）
• 标签也分 单标签 和 双标签 ： < img /> < hr />
• 标签上有自己 属性 ： 比如 id ，写法：属性 =“ 值”
• 注释： <!--  我是注释 -->
• 标签：
• <div> ：用来划分区域的
• <p> ：段落

<h1>~<h6>：标题从大到小

 

三 CSS

Html中引用样式三种方式（样式使用的顺序：行内样式—内嵌式—外链式)

• 行 内样式 ：在 html 标签上写样式（不建议，后期不好维护）
• 内 嵌式 ：在 html 文档的头部 <head> 中添加 <style> ，在 style 标签里面写样式
<style type ="text/css">
/*css样式*/
</style>
• 外 链式 ：新建一个 css 样式文件，引入到 html 中（推荐）

  href：要引入的css文件

  type：要引入的文件的类型text/css代表引入的是

    个样式表文件

  rel：当前文档与引入文档的关系，stylesheet代表被引入的是一个样式表文件

<link href="style.css" type="text/css" rel="stylesheet" />

CSS的写法       选择器{                                                 #txt{

                                    属性1:属性1的值；                                 background-color:#C6F;

                                    属性2:属性2的值;                                    maigin:0 auto;

                                  }                                                               width：100px !important;

                                                                                             }

CSS的选择器

• id 选择器： #id 名 ｛ 属性 1 : 属性 1 的值 ; ｝            <div id="txt"
• class 选择器： .class 名 ｛ 属性 1 : 属性 1 的值 ; ｝<h3 class="myclass">你好,秋天</h3>
myClass{
color:#F00;
text-align:center;
font-family:"楷体";
}
• 标签 选择器： 标签名 ｛ 属性 1 : 属性 1 的值 ; ｝
p{
           font-family:"楷体"
           color:#666;
           line-height:35px;
           txet-indent:2em;
}

 

转载于:https://my.oschina.net/u/4090431/blog/3017848

chuoyuanshi1877
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值