18日笔记截屏+问答题

.笔记截屏:








target="_blank" 新窗口打开  target="_self"当前窗口打开  

问答作业

1.什么是css语法?

CSS就是一种叫做样式表的技术,也有的人称之为层叠样式表,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

2.列举常见的css选择器?

基本语法结构可以按照选择器表示为:

1、标签名选择器,如:p{},即直接使用HTML标签作为选择器。

2、类选择器,如:.polaris{}。  //最常用的选择器

3、ID选择器,如:#polaris{}。

3.background属性如何简写?

例如:{background:url(../images/g.png) no-repeat 100px  5px;height:1px;font-size:0px;}

4.文本的属性有哪些?请写出font的复合式写法?

 font-size:文字大小   font-weight:blod (normal)文字加粗 (正常)   font-style:italic:文字倾斜              line-height:行高(文字在一行上下居中)  font-family:"宋体"  字体 color:字体颜色                           复合样式:强制顺序 font: font-weight  font-style  font-size/line-height font-family;                             font 字体大小和字体必须设置

5.text-indent有什么作用? 

首行缩进  1em =1个文字大小

text-align:对齐(left、center、right)

text-decoration 文本修饰(underline 下划线)

letter-spacing 字母间距(字间距)

word-spacing 词距离 (空格也占像素 不同字体空格大小不同)


6.超链接a标签的作用有哪些?

href 页面地址 (跳转页面)

        压缩包(下载)

        锚点: 写的是id的话,点击会直接跳到id所在位置

7.a标签默认样式是什么?

a  表示所有状态下的连接 如 .mycls a{color:red}

① a:link:未访问链接 ,如 .mycls a:link {color:blue}

② a:visited:已访问链接 ,如 .mycls a:visited{color:blue}

③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{color:blue}

④ a:hover:鼠标移到链接上时 ,如 .mycls a:hover {color:blue}

一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。

前三者分别对应body元素的link、vlink、alink这三个属性。

四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。


8.什么是盒模型?盒模型包括什么?

网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。

这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解,所以叫它盒子模式。

CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。


9.padding和margin的区别?

padding:内填充 (padding在元素边框以内,padding同样显示元素的背景) 上右下左

可视宽(高)=border+padding+width(height)

margin:外边距 (margin元素的边框之外不显示元素背景)是距离其他元素(宽 高)的距离 上右下左 


10.什么是margin叠加?什么是margin传递?

margin叠加:相邻两个元素的上下margin是叠加在一起      50取

margin传递: 子元素上下margin会传递给父级

11.列举几种常见的语义化标签?

<title></title>:简短、描述性、唯一(提升搜索引擎排名)。

< hn></hn>:h1~h6分级标题,用于创建页面信息的层级关系。

<header></header>:页眉通常包括网站标志、主导航、全站链接以及搜索框。


12.常见的块元素和内嵌元素有哪些?简要说一下它们的区别?

块级元素

顾名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的<div>,<p>,<ul>默认状态下都是属于块级元素。块级元素比较霸道,默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的,float也具有此功能。

内联元素

通俗点来说就是文本的显示方式,与块级元素相反,内联元素的高度宽度都是不可以设置的,其宽度就是自身文字或者图片的宽度。我们常用到的<a>,<span>,<em>都属于内联元素。内联元素的显示特点就是像文本一样显示,不会独自占据一个行。当然块级元素也能变成内联元素,那就是通过css的display:inline和folat来实现

区别:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,163评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,301评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,089评论 0 352
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,093评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,110评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,079评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,005评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,840评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,278评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,497评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,394评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,980评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,628评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,649评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,548评论 2 352

推荐阅读更多精彩内容