1.html初识 | |
五大浏览器及内核 | |
谷歌 火狐 欧朋 ie 苹果 | |
webkit gecko presto trident webkit | |
web: html css js | |
html:超文本标记语言 | |
标签: 单标签 双标签 | |
属性:开始标签 class='box' | |
html结构介绍: | |
块级标签: | |
div p h1-h6 hr | |
列表标签:ul li ol li dl dt dd | |
行级标签:span del b strong em i sup sub a | |
行内块:img | |
路径: | |
绝对路径 | |
相对路径 | |
2.表格 语义化 | |
什么是语义化及好处? | |
html实体字符: ¥ > <: | |
表格: | |
table | |
width height border cellpadding cellspacing | |
tr | |
th td | |
width height align valign | |
结构: | |
thead | |
tfoot | |
tbody | |
caption | |
单元格合并: | |
rowspan | |
colspan | |
表格特性: | |
3.css初识 | |
css:层叠样式表 级联样式表 | |
css语法: 选择器{属性名:属性值;} | |
css引入三种方式: | |
1.行间 | |
2.内部 | |
3.外链 | |
css基础选择器: | |
*{} 0 | |
div标签选择器 1 | |
class选择器 10 | |
id选择器:100 | |
字体属性: | |
font-famliy: | |
font-size | |
font-style | |
font-weight | |
line-height | |
font:斜体 加粗 大小 行高 字体 | |
4.盒模型 | |
表格的css属性: | |
border-collapse: | |
spread 默认值 边框独立 | |
collapse:边框合并 | |
border-spacing: | |
th,td: | |
vertic-align: | |
文本属性: | |
text-align | |
text-decoration | |
color | |
text-indent | |
颜色的表现形式: | |
1.red | |
2.#000000 | |
3.rgb | |
4.rgba | |
复合选择器: | |
1.后代 | |
2.子代 | |
3.群组 | |
4.伪类 | |
5.相邻 | |
盒模型: | |
内容 | |
padding | |
border | |
margin | |
web笔记
最新推荐文章于 2024-08-19 17:04:41 发布