基础web前端-css主讲教师传智.神龙教主

1、CSS层叠样 Cascadingstylesheet(层叠样式表)，用来控制网页样式的，并允许将网页2、CSS基本3、按选择器不同来分类类选择以点开通过元素的class属性来可以被调用多Id选择以#开通过元素的id属性来只能被调用一直接对HTML也样式，不需要调用，自动应用样伪类选 正常连接时候的状 已经过的状 鼠标移上去时候的状 但鼠标点击时候的专关联选择器p .aa 4、按CSS的位置来分类内嵌样式（内部样式）：只能供本页面使外部样式：写在页面的外部，通过或导入的方法来外部样连接的语法：<linkrel=’stylesheet’type=’text/css’href=’地址’导入的语法：@importurl(‘地址’); url是可以省略的，建议不要省连接和导入的连接只能在HTML页面中引入CSS样导入可以在HTMLCSS中引入CSS样5、注HTML注 CSS注 子元素覆盖和继承父元素的1、id样式 class样式>样2、行内样式>内嵌样式>外部idid样式>class样式 样以程序执行先后为优先级，后执行的将前面的给覆盖权id选择器<行内选择器 < < 1、从左往右排2、不指定高度默认高度是3、不指定宽度默认宽度是4、行显示标记不能指定宽度和5、转换成1、从上往2、如果不指定宽度默认宽度是3、如果不指定高度，高度是4、可以设置宽度和高1、块显示2、跨段块标记，div中可以标题，段落，，文1、行显示2、跨字符块标记，span中只能放DivCss执行效率高什么是盒子只要是能存放内容的都是盒子。最大的盒子是HTML标边界magin：盒子的外面叫边界，边界有四个，上下左右填充padding)边框boder：盒子的本身有边框，边框有四个，上下左右练习CSS例题一(边框和边界<style<styletype="text/css">background-color:#6CF;/*设置背景色} border-bottom:#06Fdashed /*下边框是实线solid实线dashed }cursor:pointer;/*当光标移动到当前标记的时候变成手的形状}请输入您的信息：<inputtype="textname="nameid="username<inputtype="buttonvalue="确定id="btnCSS例题二（细线表格<style<styletype="text/css">border:#09Fsolidborder-collapse:collapse;/*collapse:塌陷,做细线表格} }}text-align:center;/*td里面的内容居中} <style<styletype="text/css"> } /*左填充是110px*/}<div 1叶色秀雅，花色清淡。<br 2.树体高大， 绵长，树粗可达4米， 可达3000年之多。固长与古老寺庙相配伍，以名山大川、风景名胜为伴。<br/> 3树干光洁，愈伤力强，轻微的损伤很快便可愈合。<br 得到和暧的阳光。<br 35.30c4.90c，优于其它树种。<br .等自然风景。<br 7银杏绝少病虫害，不污染环境，是著名的无公害树种。<br 8抗旱力较强。<br float属性（浮动属性改变块元素(blockelement)对象的默认显示方式浮动元素（float）会被移出标准流clear属性（清除浮动的影响<style<styletype="text/css">}} }<div<div<div多学一招：clear是清除浮动，但是在清除浮动的时候清除了当前盒子边界的属性，使用了clear属性的盒子无法使用margin属性。在实际应用中，我们专门写一个清除浮动的类样式，在每个浮动的后面都清除一下浮动的影响在HTML中调用例题background-color:#5b8a00;/*背景样式<stylebackground-color:#5b8a00;/*背景样式 border:#000solid } 放在最右边} }<imgsrc="images14/mainroad.jpg"/><spanid="first">春</span>季，地球的北半 对农民来说，春季