1.什么是css语法?
CSS=选择器+{声明1;声明2;}
2.列举常见的css选择器?
html选择器 a{},p{}
class选择器 .title{}
id选择器 #user{}
通用选择器 *{}
3.background属性如何简写?
复合样式
background:url(img/2.jpg) #f7f7f7 no-repeat fixed 20xp 30xp;
4.文本的属性有哪些?请写出font的复合式写法?
文本属性:
font-size:文字大小
font-weigh: bold / normal 文字是否加粗
font-style: italic / normal 文字是否倾斜
font-height: 文字行高(文字在一行上下居中)
font-family:"字体样式" 字体
color:red; 颜色
text-indent:1em 首行缩进(1em=一个文字大小)
text-align:left/center/right 文本对齐方式
text-decoration:underline(下划线)/line-through(删除线)/overline(上划线)/none(无修饰)
letter-spacing:5px;字母间距(字间距)默认字与字之间有1px
word-spacing:10px; 词间距(空格算字符,字体不一样空格所占字符数不一样)
font的复合样式:
font: font-weight font-style font-size/line-height font-family;
其中font-size font-family必须写
5.text-indent有什么作用?
表示首行缩进 1em=1个文字大小
6.超链接a标签的作用有哪些?
<a href="页面地址"> div </a>点击后直接跳转页面
<a href=''压缩包路径"> div </a> 点击后直接下载压缩包
<a href="#div1"> div1</a> 点即之后直接跳转到每个id所在的位置
target="_blank" 在新窗口打开
target="_self" 在当前窗口打开
7.a标签默认样式是什么?
<a text-decoration:underline> </a>
a标签的默认样式存在下划线 a标签默认不换行
8.什么是盒模型?盒模型包括什么?
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
盒模式包括: margin border padding content
9.padding和margin的区别?
padding是内填充,在元素的边框以内,内容之外,padding同样显示元素的背景
margin是外边距,在元素的边框值外,不显示元素的背景
10.什么是margin叠加?什么是margin传递?
margin叠加:
<style>
#box{width:200px;height:200px;background:red;margin:30px;}
#div{width:200px;height:200px;background:blue;margin:40px;}
</style>
</head>
<body>
<div id=" box"></div>
<div id="div"></div>
</body>
margin叠加相邻俩个元素的上下 ,margin是叠加在一起的,取其中最大的
margin传递:
<style>
#box1{background:red;}
#div1{width:200px;height:200px;background:blue;margin:100px;}
#box2{height:50px;background:yellow;}
</style>
</head>
<body>
<div id="box1"></div>
<div id="div1"></div>
<div id="box2"></div>
margin传递 子元素的上下margin会传递给父级
11.列举几种常见的语义化标签?
section 版块
header 页面的部不或版块的头部
footer 页面的底部或版块的底部
nav 导航
article 用来在页面中表示一套结构完整且独立的内容部分
可以用来呈现论坛的一个帖子 杂志或报纸中的一篇
文章 一篇博客,用户提交的评论内容,可互动的页
面模块挂件等。
aside (一班和article配合运用)
元素标签可以包含与当前页面或主要内容相关的引
用、侧边栏、广告、nav元素组,以及其他类似的
有别与主要内容的部分
12.常见的块元素和内嵌元素有哪些?简要说一下它们的区别?
块元素:
1.<div>块</div>
2.<section>划分页面板块</section>
3.<header>头部</header>
4.<nav>导航</nav>
5.<footer>底部</footer>
6.<article>article</aiticle>
7.<aside>article的附属</aside>
8.<ul>
<li>无序列表</li>
<li>无序列表</li>
</ul>
9.<ol>
<li>无序列表</li>
<li>无序列表</li>
</ol>
10.<dl>
<dt>定义列表的项目</dt>
<dd> dt的展开描述</dd>
</dl>
11.<h1>标题</h1>
<h2>标题</h2>
12.<p>段落</p>
内嵌:
1.<strong>strong</strong>
2.<a href="#">链接</a>
3.<span>span</span>
4.<em>em</em>
块和内嵌的区别
块:1 独占一行
2 支持所有样式
3 不设置宽度时 宽度撑满整行
内嵌:1 可以在一行显示
2 不支持宽高 对上下的margin和padding等样式支持的有问题
3宽度由内容撑开
4 代码换行会被解析
学习总结
我觉得我的脑子是被僵尸吃掉了..
视频太多 看不懂的又翻来覆去的看
信息量好大 也深深的感觉到前方的路...不好走..
但还是要踏踏实实的走好每一步
尽管我会走的很慢...
这一章的知识点是很杂乱
font的样式和特殊的复合样式
padding和margin看了好多遍...
至今也是有点不能理解margin..
a链接的各种运用 路径的分析
还有那么多的标签元素选择器优先级
各种标签的默认样式
我需要好好消化一下...
但是我是不会放弃的 - - !