CSS 学习备忘
一、CSS 的基本语法
1、语句基本结构
HTML 选择器 {属性 1:值 1;属性 2:值 2;……属性 n;值 n}
2、类和 ID 及其他
类:[HTML 选择器].classname {…}(不唯一)class=“classname”
ID:[HTML 选择器]#Idname {…}(唯一)id=“Idname”
关联:HTML 选择器 1 选择器 2 {…}
组合:HTML 选择器 1,选择器 2,[…] {…}
伪类和伪元素:HTML 选择器:pseudoname {…} 不能用 class/id 调用
二、在网页中加入样式
1、加入外部链接
<link href=”*.css” rel=”stylesheet” type=”text/css” [title=”…”] [media=”…”]>
rel:取值 stylesheet(固定样式)或 alternamte stylesheet(交互样式)
type:取值 text/css 或 text/javascript
title:用于合成样式表
media:指定媒体介质,不常用,取值 screen, print, projection, aural, Braille, tty, tv, all。默认 screen。
2、植入 CSS 样式表
<head>…<style type=”text/css”>[<!--]样式表[-->]</style>…</head> *
*
最好加注释标记
<!--
与
-->
于样式表前后。
3、导入 CSS 样式表
<style type=”text/css”>[<!--]@import url(*.css)[-->]</style> *
*
比外部链接优先,总是读取。
4、行内 CSS 样式
<…style=”…”>
*Head 部分最好加<meta http-equiv=”content-style-type” content=”text/css”>
5、脚本引用
CSS 属性名称删掉连字符,并将其后第一个字母大写,例如 font-familyfontFamily
以上可混合使用。
6、SPAN 与 DIV 标记
SPAN 无结构意义,纯粹为样式服务
DIV 是块元素,会引入行分隔。
7、可以使用 Style 属性的 HTML 选择器
<a> <acronym> <address> <b> <big> <blockquote> <body> <br> <button> <caption> <center> <cite>
<code> <col> <colgroup> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <font> <form>
<h1> <h2> <h3> <h4> <h5> <h6> <hr> <i> <iframe> <img> <ins> <label> <legend> <li> <listing> <map>
<marquee> <menu> <object> <ol> <p> <plaintext> <pre> <q> <s> <samp> <select> <small> <span> <strike>
<strong> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <tr> <tt> <u> <ul> <var> <xmp>
三、控制文字与段落
1、CSS 的长度值
单位长度:em,ex,pc(1/6 寸),px(像素),pt(1/72 寸),mm,cm,in。
百分比长度:xxx% 均可取正负,但某些情况非负
评论1
最新资源