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