1.什么是CSS语法?
CSS是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS 语法由三部分构成:选择器、属性和值。
选择器通常是你希望定义的 HTML 元素或标签,属性是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。
2.列举常见的CSS选择器?
1.id选择器:同一页面不能重名,样式表内的标识是#
2.类(class)选择器:同一页面可以重名,样式表内的标识是.
class:同一个元素可以有不同的名字,用空格隔开。
代码如下:
<p class="box box2">div2</div>
class同时有两个类型:box box2
3.类型(标签)选择器:在style内直接设置如:div{··· } p{··· }
4.包含(后代)选择器:在style内设置如:#box p{···}
5.群组选择器:在style内设置如:div,span{···}
6.通配符 * :代表所有的标签。
3.background属性如何简写?
background:url(img/img.gif) no-repeat #cc fixed 100px 100px;
顺序随意调换,但background-position中的x,y属于一个整体两者之间不能换位,中间不能有其他属性。
4.文本的属性有哪些?请写出font的复合式写法?
font-size:文字大小
font-weight:文字是否加粗 bold:加粗 normal:正常
font-style:文字样式 italic 斜体 normal:正常
line-height:行高(每行文字的高度,文字上下居中)
font-family:"宋体"; 改变字体
font (复合样式):顺序不能改
font:font-weight font-style font-size/ine-height font-family
font中两个必写项:font:font-size font-family
5.text-indent有什么作用?
text-indent:首行缩进(1em=一个文字大小)
6.超链接a标签的作用有哪些?
a标签:<a href="网页地址">网页名</a>
href="页面地址"--跳转页面
href="压缩包地址"--下载
href="id"--直接跳转到id所在位置 (锚点)
7.a标签的默认样式是什么?
a标签:<a href="网页地址">网页名</a>
a样式默认带有下划线,显示颜色为蓝色,被访问过后超链接变紫色。
要清除链接样式,一般可以设置:
a{
text-decoration:none;
color:#colorname;
}
8.什么是盒模型?盒模型包括什么?
网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。
这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
9.padding和margin的区别?
padding:内填充(padding在元素的边框以里,内容以外,padding同样显示元素的背景)
margin:外边距(margin元素的边框以外,不显示元素背景)
10.什么是margin叠加?什么是margin传递?
margin叠加:相邻两个元素的上下margin是叠加在一起的。(当垂直外边距相遇时,它们将叠加,叠加的高度取较大的。)
margin传递:子元素的上下margin会传递给父级。
11.列举几种常见的语义化标签?
section:版块,用于划分页面上的不同区域,或者划分文章里的不同节。
header:页面头部或者版块(section)头部。
footer:页面底部或者版块(section)底部。
nav:导航 (包含链接的一个列表)
article:用来在页面内表示一套结构完整且独立的内容部分,可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等。
aside:元素标签可以包含与当前页面或者主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别于主要内容的部分。
1.被包含在<article>中作为主要内容的附属信息部分,其中内容是以与当前文章有关的引用、词汇列表等。
2.在<article>之外使用,作为页面或站点全局的附属信息部分:最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告元素等。
h1-h6 :标题(1-6逐渐变小)
ul:无序列表
ol:有序列表
li:ul或ol的列表项
dl:定义列表
dt:定义列表的项目
dd:对dt展开的描述扩展
p:段落
time:时间
em:强调一个词或者一段话 倾斜
strong:强调一个词或者一段话 与span一样不会换行 加粗
img:图片 ![](图片路径)
12.常见的块元素和内嵌元素有哪些?简要的说一下它们的区别?
1.块代表<div>:
(1):自己独立占据一行
(2):支持所有的样式
(3):不设宽度的时候,宽度撑满整行
块标签:
<div>块</div>
<section>划分页面板块</section>
<header>头部</header>
<footer>底部</footer>
<nav>导航</nav>
<article>article</article>
<aside>article的附属</aside>
<ul>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ol>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<dl>
<dt>定义列表项目</dt>
<dd>dt的展开描述</dd>
</dl>
<h1>标题</h1>
<p>段落</p>
2.内嵌代表<span>:
(1):可以在一行显示
(2):不支持宽高,对上下的padding和margin等样式支持的也有问题
(3):宽度由内容撑开
(4):代码换行会被解析出来(宋体的情况下,空格占字体大小的一半)
内嵌标签:
<span>
<strong>strong</strong>
<em>em</em>
<a href="#">链接</a>