A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

18868233877

初级黑马

  • 黑马币:

  • 帖子:

  • 精华:

© 18868233877 初级黑马   /  2019-6-7 16:55  /  748 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

基础贴
来到黑马也已经有半个月了在此总结了一些小知识
不同的浏览器有不同的内核常见的浏览器的内核有
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;   上划线

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马