html随笔

B/S架构

B是browser（浏览器）用户使用的所有客户端（部分手机app，小程序），我们都可以把它视为浏览器，S是server（服务器）。浏览器发出请求，通过http等互联网协议，发送至S端服务器，S端把网页文件发送给前端，B端浏览器收到文件后，浏览器解析成图形界面，供用户操作。、

HTML基础标签

div ：无实意标签

p：段落标签

span：无实意标签

css 基础

特点：
1.继承性
2.层叠行 可被覆盖

<div style="">

不允许使用class 类名选择器*

1.后来者居上，越往后越说的算
2.行内元素>头部样式>=外部样式
3.越精确越说了算 id>class>标签
行内样式 1000，id 100，class 10，标签 1
！important优先级最最高，但是不到最迫不得已的时候不要用

命名法

驼峰命名发

xiaoMing小驼峰命名法 XiaoMing大驼峰命名发

下划线命名法 xiao_ming xioa-ming

表现与结构分离

表现：css

css常用属性

width： 宽度;

height:：高度;

background :背景（是一个复合属性）

background-color

background-image-url()

background-repeat:no-repeat 不循环

background-repeat:repeat-x

background-repeat:repeat-y

x/y 横向竖向循环

行快属性

块标签

div ,ul ,li,ol,h1~h6,p ​ 可以设置宽高 ​ 不可以与别人共处一行 ​ 不设置宽度的情况下，默认宽度是100，这个100%取决于父级

行内标签

span ，strong ,a ​ 不可以设置宽高，可以与别人共处一行，其宽度由内容撑开

行内块标签

img,input ​ 可以设置宽，可以与别人共处一行

display: inline;/把块属性转化为行内属性/

display: block;/把行内属性转化为行块属性/

/display: inline-block;转化为行内块元素/

嵌套规则

块标签可以放行内标签，但行内标签不可以放块级标签