wed前端开发初始化CSS

面试前端开发需要带作品|恩泽汇科技开发有限公司前端面试题|web前端开发所需软件
XHTML — 人 –结构
css –衣服 — 表现
css控制XHTML  —  衣服如何穿在人身上
======郭老师这个例子好形象=========
1、行内样式 (特点:每个标签中使用;缺点:复用性差,不易维护)
2、内嵌样式 CSS代码写在<head></head>之间,用<style></styple>进行声明
3、链接样式 (使用普遍,有效分离结构和表现) 在<head></head>之间使用 <link type=”text/css” rel=”stylesheet” href=”style.css”/>
4、导入样式 @import (有待进一步了解,如java中的import)
四种样式在同一个页面中被使用时,页面显示使用的优先级为:1-2-3-4
====================================================
CSS选择器:
1、标签选择器 –根据html的标签来定义样式
                           标签名{属性;}
2、ID选择器 –一个html页面中只能使用一次(这个不是很理解呢,一个页面中只能有一个标签使用这个ID定义的样式吗?)
                       以“#”开始定义ID   #one{属性;属性;}   使用,如:<p id=”one”></p>
3、类选择器 –多个标签可共用,一个标签,可使用多个类选择器,类名之间用空格隔开
                       以“.”开始定义ID  .one{属性;}  使用,如:<p class=”one yellow”></p>
4、通用选择器 –适用于所有标签      {margin:0;padding:0;}  –将所有标签进行重置(用于各个浏览器的兼容性)
                       {属性;}                       适用部分标签,如: p,body{属性;}  适用于p和body标签
 ==============================================================
1、选择器可集体声明,各名称见用“,”隔开,如:#head,p,.blue{属性;}
2、选择器的嵌套,各名称见用“ ”(空格)隔开,如:#div1 p a{属性;} –该样式使用在使用div1样式标签中的p标签中的a标签中的内容
========================================================
CSS两种重要模型:
1、盒子模型:content(内容–硬盘),padding(内边距–盒子和硬盘间的距离),border(边界–盒子轮廓),margin(外间距–盒子和盒子之间的距离)
2、块状元素(如:<p>)和内联元素(如:<a>)
    块状元素:各个块显示到页面中不能在一行;(想在一行显示,通过浮动:float:left)
    内联元素:可在一行中显示,但是无法通过属性设置其高度和宽度,是通过元素内的内容的大小自动调节的(想进行大小
                      的属性调节,将内联元素转换为块元素:display:block)
===========================================================
块元素–浮动;内联元素–属性调节高低;
清理对下面块区域的浮动影响:#clear{clear:both;}   用于要取消浮动效果的块元素前
===========================================================
软件开发和互联网前端|软件开发师 后端 前端|小公司面试web前端开发
» 本文来自:前端开发者 » 《wed前端开发初始化CSS》
» 本文链接地址:https://www.rokub.com/5093.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!