一个普通的网站做线上交易好吗,网站 侧边栏,视频网站开发技术,河北省住房城乡建设网站---HTML
1.HTMl骨架
html#xff1a;整个网页
head#xff1a;网页头部#xff0c;用来存放给浏览器看的信息#xff0c;如css
body#xff1a;网页主体#xff0c;用来存放给用户看的信息#xff0c;例如图片和文字
2.标题标签中h1标签只能使用一次#xff0c;其…---HTML
1.HTMl骨架
html整个网页
head网页头部用来存放给浏览器看的信息如css
body网页主体用来存放给用户看的信息例如图片和文字
2.标题标签中h1标签只能使用一次其他可以无限次试用
3.列表
无序列表ul嵌套li
有序列表ol嵌套li
定义列表dl嵌套dt和dddt是定义列表的标题dd是定义列表的描述/详情
4.表格
和excel类似用于展示数据
table嵌套trtr嵌套td/th
5.表单
作用收集用户信息
使用场景登陆页面注册页面搜索区域
6.无语义的布局标签
作用布局网页划分网页区域摆放内容
divdiv 标签独占一行/div
spanspan标签不换行/span
----CSS
7.CSS选择器
标签选择器使用标签名作为选择器选中同名标签就设置为相同的样式所以无法差异化的设置同名标签的显示效果
类选择器通过类名来查找标签可以差异化的设置标签的显示效果.类名的方式 一个类选择器可以给多个标签使用一个标签可以使用多个类型
id选择器一般配合JS使用很少用来设置CSS样式同一个id在一个页面只能使用一次
通配符选择器*用于把页面的所有标签设置为相同的样式一般用于清除标签的默认样式如标签默认的外边距内边距。
8.网页制作思路
从上到下先整体再局部
先标签再CSS美化
9.复合选择器
后代选择器选中某元素的后代元素
子代选择器选择某元素的子代元素最近的子代
并集选择器选择多组标签设置相同的样式
交集选择器选中同时满足多个条件的元素
伪类选择器伪类表示元素的状态选中元素的某个状态设置样式
10.显示模式
块级元素
特点独占一行宽度默认是父级的100%添加宽高属性生效
行内元素
特点一行可以显示多个设置宽高属性不生效宽高尺寸由内容撑开
行内块元素
特点一行可以显示多个设置宽高属性生效宽高尺寸也可以由内容撑开
转换显示模式的方法
display属性block--块级inline-block--行内块inline--行内
11.结构伪类选择器
作用根据元素的结构关系查找元素
公式:nth-child(查找公式)
12.盒子模型
组成
内容区域 -- width height
内边距 -- padding盒子内
边框线 -- border
外边距 -- margin盒子外
div {margin: 50px;border: 5px solid brown;padding: 20px;width: 200px;height: 200px;background-color: pink;
}
13.版心居中
margin属性的左右值设置为auto并且盒子要有宽度