html标签

body,p,padding标签 默认margin
dotted 点线 dashed(虚线)
strong em加强语气
p段落标签
span文字单独设置样式
q短文引用
blockquote长文引用
br换行
 空格
hr横线
address添加地址
code程序代码
pre加入大段代码
ul添加新闻列表
ol
caption标题
targin

mailto 邮件地址
下拉选项
select option

    <select>
      <option value="看书">看书</option>
      <option value="旅游">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
form表单下label标签
   <label for="male">男</label>

在在<select>标签中设置multiple="multiple"  即可多选

CSS三中嵌套模式  标签上直接使用 外部内部使用CSS样式

什么是选择器
body就是选择器body{
    font-size:12px;
    color:red;	
}

选择器又区分为类选择器,标签选择器,id选择器 子选择器 后代选择器 通用选择器 伪选择器 分组选择器

子选择器使用> .food>li  后代选择器 使用空格  通用选择器使用*
选择器
伪a:hover{color:red;}
关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了(其实伪类选择符还有很多,尤其是 css3 中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实 :hover 可以放在任意的标签上,比如说 p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是 a:hover 的组合。

分组选择器使用都好 h1,p

CSS继承  特殊性是权值优先显示 层叠 重要性p{color:red!important;} 

字体引用
body{font-family:"Microsoft Yahei";}

设置字号大小:
body{font-size:12px;color:#666}
设置粗体
p span{font-weight:bold;}
斜体:
p a{font-style:italic;}

下划线:
p a{text-decoration:underline;}

删除线:
 .oldPrice{text-decoration:line-through;}

段落缩进:
p{text-indent:2em;}2em的意思就是文字的2倍大小。

行高:
line-height:2em;

字母间距:
 letter-spacing
 letter-spacing:50px;

段落对其:
text-align:center;

在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。

常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:
<img>、<input>

例子:
a{display:block;}  将内联元素强制转换为快元素

内联块 
display:inline-block;   不可以在后面使用p标签 会显示不了

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。