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鏈接的各種運用 路徑的分析
還有那么多的標簽元素選擇器優先級
各種標簽的默認樣式
我需要好好消化一下...
但是我是不會放棄的 - - !