html+css基础内容

html基础内容

1. 空格编码 &nbsp；=空格；
2. 打印标签 &ltdiv&gt=<div> (lt是less than的缩写 gt是great than 的缩写)
3. ol（有序列表） 标签和li标签

<ol type=””>  

//ol标签的type值有5个 1数字标号 | a 小写英文标号 | A大写英文标号 | i小写的罗马数字 | I 大写的罗马数字   默认是1

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ol>

 

倒序排  给ol加属性 reversed=“reversed”

ol 属性 start=“” 从第几个开始排

ul    type属性值 square 实心正方形 | disc 实心圆 | circle 空心圆

a标签可以实现锚点功能

a标签 target属性默认在当前页打开 target=“_blank” 在新页面打开

a标签的herf=”tel:13289336076” 实现外卖软件上的大家话功能

a标签的 herf=mailto:邮箱地址实现发邮件功能

1. form表单
2. 主流浏览器

要求一：具有市场份额

要求二：具有独立研发的内核

浏览器分两部分：shell部分（外壳 操作类的展示页面 最不之前的部分） 和 内核部分（值钱的部分）

IE                                       trident

Firefox                                   Gecko

Google  chrom （市场份额全球第一）      webkit / （blink（2014年投入市场））

Safari （苹果御用）                       webkit                              

Opera                                    presto

CSS基础内容

Css全称：cascading style sheet  层叠样式表

1. 引入css   行间样式 |  页面级css  | 外部CSS文件
2. 选择器：id选择器 | class选择器 | 标签选择器 | 通配符选择器 | 属性选择器

优先级：!important>行间样式>id>class>标签选择器>通配符

属性选择器和class选择器同级

父子选择器 如：div span（可以是孙子）

直接选择器 如：div>span(必须是父子关系)

并列选择器 如：

<div></div>

<div class=”demo”>1</div>

<p class=”demo”>2<p>

如何选择第二个div

使用并列选择器 div.demo{ } 不加空格

分组选择器 比如： div，em，strong{}（所有的div em strong设置相同的样式）

通过权重的计算值的结果来确定那个选择器的优先级高

1. css代码

字体大小font-size：16px 设置的是文字的高

font-weight:lighter(最细的) | normal | bold | bolder（最粗的） 数字表示方式 100 200 300 –900（100最细的 900是最粗的）

font-style:italic(斜体)

font-family：arial（浏览器用的最多的）