设为首页 加入收藏

TOP

html.css.(一)
2019-09-17 18:48:14 】 浏览:53
Tags:html.css.

html 主要的标签的介绍:

<head></head>标签里面是放的是思想,设置浏览器用的,是人看不到的

编码字符集:gb2312 国家编码字符集(简体,亚裔字符集) gbk(gb2312+繁体)

unicode 是万国码,包括了所有国家的语言 uft-8 是 unicode  

一般放的是<meta charsrt = "utf-8"> 自闭和标签

<body></body>是展示给用户看的  所有的标签是写在body里面

 

1 <p></p>段落,让内容成段展示   <br>换行

2 div 和span标签(最重要的标签)

<div></div>独占一行

<span></span>不独占一行

div和span这两个标签是为了成块展示,规格化,这两个就是一个容器

功能1:分块明确,让整个页面更加结构化

  1. 功能2:捆绑操作的作用(搬书架) 通常配合css一起用
    <div>
    <strong>加粗字体<strong>
    <em>斜体展示</em>
    <del>划线标签</del>
    </div>
      

 3<ul><ol></ol></ul> 标签

<ul type="A">
  <ol>小红是傻子</ol>
  <ol>苹果</ol>
  <ol>我是傻子</ol>   将里面的代码有序的输出 按字母A~Z排序 排序方式1,a,A,i,I
 </ul>

4<a href="">标签  超文本连接

<a href="https://www.baidu.com"> 点击我</a>  点击就能直接跳转到百度
<a href = "tel:17548935889">打电话</a>
<a href ="maito :1453156425@qq.com">发邮件</a>

5 <img src=""  alt=""  title="">标签

src里面写路劲 1网上url 2 本地的绝地路径 3 本地的相对路劲

alt图片占位符 可以降低错误 

title图片提示符 当鼠标放在上面可以提示图片的意识

6 <form method="get/post" action=" ">   method是发送数据的方式 有两个值  action 是发送给人的地址

7<input type ="text" name="" value=""> 输入框

<input type ="password" name="" value="">密码输入框

<input type ="button" name="" value="">按钮

<input type ="radio" name="" value="">单选框

<input type ="checkbox" name="" value="">复选框

8 <select  name=""><option></option></select>下拉框

9<table><tr><tb></tb><tb></tb></tr><table>

 更多的标签及用法

 

 

 

CSS选择器

1.id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义

#para1
{
    text-align:center;
    color:red;
}

2.

lass 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:

.center {text-align:center;}

3.父子选择器

div  span{
   background-color:red;   父子选择器有严格的层级关系  但不局限什么类型的选择器
}

经过我的总结

4.通配符选择器

*{
   backgroun-color:red;  是所有的代码都变成红色
}

5分组选择器

em,
strong,
span,{
          background-color:red;   简化代码量
}

 CSS权重(重点) 

!important       Infinity

行间样式            1000

id                       100

class/伪类            10

标签/伪元素         1

通配符                 0    

 权重的重点是 当2个属性共同作用一个属性,谁的权重高,就输出谁,如果权重一样的话,后面的代码会覆盖前面的代码

     想更多的选择器请点击我

     CSS组合选择符

 

 

CSS代码

1 CSS背景

  • background-color:; 添加背景颜色
  • background-image:url(‘’):添加背景图片
  • background-repeat:;背景图片水平或垂直平铺
  • background-attachment:; 背景图片是否固定或者随着页面的其余部分滚动
  • background-position:;背景图片设置定位 改变图片位置

 2所有CSS文本属性

3 所有CS

首页 上一页 1 2 3 下一页 尾页 1/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Vue.js常见问题 下一篇es6 generator函数的异步编程

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目