01css基础、文字文本、背景列表

01css基础、文字文本、背景列表

ID:45749971

大小:595.28 KB

页数:26页

时间:2019-11-17

01css基础、文字文本、背景列表_第1页
01css基础、文字文本、背景列表_第2页
01css基础、文字文本、背景列表_第3页
01css基础、文字文本、背景列表_第4页
01css基础、文字文本、背景列表_第5页
资源描述:

《01css基础、文字文本、背景列表》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、css入门基础知识点:•认识css•传统HTML设计网页版面的缺点•CSS的特点•CSS的排版样式1.认识CSSCSS的英文全名是CascadingStyleSheets,中文可翻译为串接式排版样式,并fl.CSS2规范也于1998年02刀通过W3C的审核与推荐,所以CSS并不是专为XHTML所设计的,CSS还可以被其他标记语言拿来制作排版样本,如HTML,XML文件都可以应用CSS,来美化网页的设计,大家如果学会CSS,在HTML,XHTML,XML文件中都可以使用.2.传统HTML设计网页版面的缺点使用传统HTMI,控制标记來设计网页,在先天上就无法与排版样木來做比较,因为HTM

2、L并非完全着眼在网页排版的功能上,而这对XHTML而言更是如此,因为XHTML有意将原先IITML中有关网页版面的标记或属性遗弃不用,如,

,color,background等,所以对XHTML文件而言,其排版与显示的功能比HTML文件更弱,所以使用XHTML來设计网页更需要搭配CSS排版样木.3.CSS的特点HTML排版时的缺点:设置麻烦,修改麻烦,功能严重不足。CSS样式排版的优点:属性功能完整,排版文件可以独立存在,可以共用排版文件。4.CSS的基本语法选择符{样式描述1;样式描述2;•••样式描述n;}eg:hl{font-size:12px;col

3、or:#F00;}3.CSS的排版样式css样式排版的分类:行内样式,内部样式,外部样式;♦行内样式:格式:<标记名称style二”属性1:属性值1;属性2:属性值2”>・・・彳亍内样式

♦内部样式:所有的样式定义都必须在Z间,而又必须在..〈/head〉之间.CSS选择器:标记选择器、class选择器、id选择器、包含选择器、选择器纟R、通配选择器。1)标记定义型格式:

4、ad>hl{属性1:属性值1;属性2:属性值2;}div{属性1:属性值2;属性2:属性值2;}-

・・・〈/div>2)class定义型格式:・aaa{属性1:属性值1;属性2:属性值2;}・aaa,.bbb{属性1:属性值1;属性2:属性值2;}〈标记名称class二”aaa”>••••••

5、dy>1)id定义型格式:〈标记名称id二”aaa”>••••••♦外部样式:1)在・・・〈/head>Z间使用引入到页面中;格式:〈linkrel二”stylesheet”type二”text/css”href=URL/>2)在・・・〈/head>Z间使用import导入;格式:〈styletype二"te

6、xt/css">@impor*t"style・css"〈/style>6.CSS规定,范越小,优先级越高;/行内样式〉内部样式表〉外部样式表/TD选择符>类(:1软$选择符〉类型选择符〉通配符/子元素可以继承父元素的样式风格/子元素的样式不会影响父元素的样式风格CSS文字与文木知识点:•css中长度与颜色•css中的文字属性•css中的文本属性1.css中长度与颜色长度单位说明in英寸cm厘米mni毫米em以目前字体高度为单位ex以小写字母高度为单位(大部分不支持)ptlpt/72英寸PClpc/12ptPX像素(主要使用)颜色单位:说明十六进制如:color:#ff0000颜色名称

7、ill:color:red三原色单位如:rgb(255,0,0)单位换算:lin=2.54cm=25.4mm=72pt=6pc2.CSS中主要的文字属性属性名称属性值说明font-stylenormal正常显示italic斜体font-weightnormal正常显示bold粗体font-size像素字体大小百分比字体大小font-family字休名称设置字体名称♦font-style属性:鸥:html代码:慧与一洛阳国际软件人才产业基地(i

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。