基础贴
来到黑马也已经有半个月了在此总结了一些小知识
不同的浏览器有不同的内核常见的浏览器的内核有
IE(Trident)
Firefox(Gecko)
safari(webkiit)
chrome(chromium/Blink)
Opera(blink)
web的标准组成分为三大类
结构标准(html) ---- 搭建页面的结构
表现标准/样式标准(css)---- 页面样式的美化
行为标准(javascript)--- 实现页面的交互效果
双标签:
由开始标签<开始标签>和结束标签</结束标签>组成;
例如:<html></html> <body></body> <head></head>
常见的双标签
div、span、p、h1-h6、b、strong、s、del、i、em、ins、u、a
单标签:
不需要包含内容,直接在开始标签最后面添加一个结束的符号/;
例如:<br />
<hr />
常见的单标签
br、hr、img
div标签布局标签,主要是布局用的大标签,也是主要标签;
特点:没有语义,独占一行;
span标签布局标签,不用来做主要布局,一般放特殊效果的文字或者小图标;
特点:没有语义,一行共存多个;
css的使用有三种方式
行内式
直接在标签的开始标签身上添加一个 style=“”属性,然后在引号里面书写css属性和属性值即可、。
内部样式
内嵌式:
书写在head标签里面,title标签下面,以一对style标签包裹,实现了结构和样式的半分离;
外部链接
建立.css格式的文件 用link标签引入新建的css文件
Css选择器的分类
Css选择器分为两类:基础选择器和高级选择器(复合选择器)
基础选择器:标签选择器(html选择器)、类选择器、ID选择器
复合选择器:后代选择器、并集选择器、指定标签选择器
Color取值
a、直接写英文单词yellow,red等等
b、16进制表示#aabbcc或者#abc
c、rgb()如rgb(0,0,0)
d、rgb()如rgba(0,0,0,0.5)a为透明度
常用测试颜色16进制:
黑色系列:#000; #333; #666; #999;
灰色系列:#ccc; #eee; #ddd; #dedede;
红色:#f00;
文字大小 font-size
文字字体 font-family
取值可以取一个或者多个,如果取多个值要用英文的逗号隔开,表示先找第一个字体如果没有就往后面查找,依次类推;
如果是汉语的文字要用引文状态的引号引起来;
字体加粗 font-weight
字体样式(风格) font-style
文本水平居中 text-align: center;
text-align文本居中控制,取值:left、right、center;
text-align让文字在父级盒子里面居中显示;
文本的行高 line-height
line-height取值为数字+px单位,可以设置文字行与行之间的距离;
如何量取设计稿的行高?
从第一行文字的开始到第二行文字的开始就是行高
文本首行缩进 text-indent
text-indent首航缩进,取值为具体的像素值或者直接em,1em等于一个字的大小;
text-indent:2em; 首行缩进2个字;
文本线条装饰 text-decoration (死记硬背)
text-decoration:none;没有线
text-decoration:underline;下划线
text-decoration:line-through; 中 划线/删除线
text-decoration:overline; 上划线 |
|