【HTML（七）CSS】的更多相关文章

七. CSS字体

概述 所谓字体:即文字的形体结构,根据外观字体分不同的类别:衬线字体Serif.无衬线字体sans-serif和等宽字体monospace.每一个类别的字体又可以分成不同的字体族font family,而字体族又可以包含不同的字型font face.CSS的字体属性描述了一类字体的大小和外观.比如使用上面字体族,多大字号,粗体还是斜体等. 文本与字体的区别 文本就是一组字符,比如一个段落.一个标题,文本有行高.字符间.有没有下划线和缩进等 字体是用于描述一类文本的大小和外观,比如用什么字体族.多…

(七)CSS定位(Positioning)

CSS定位属性允许对元素进行定位. 一切皆为框: div.h1或p元素常被称为块级元素,而span和strong等元素成为行内元素,但是可是使用 display 属性改变框的类型,将display设置为block,可以让行内元素表现的就像是块级元素一样.还可以通过display设置为none,让生成的元素根本没有框. CSS定位机制:普通流.浮动和绝对定位. CSS position属性: static:元素框正常生成 relative:元素框偏移某个距离 absolute:元素框从文本流中完全…

WEB入门.七 CSS布局模型

学习内容 标准文档流 流动模型(flow model) 浮动模型(float model) CSS基本布局 能力目标 理解标准文档流 使用流动模型实现页面布局 使用浮动模型实现页面布局 掌握常用CSS布局 本章简介 上一章节讲解了盒子模型以及页面元素定位,理解了绝对定位.相对定位.包含块三者之间的关系以及应用场合.例如:绝对定位的页面元素会脱离标准文档流,通过指定的坐标位置进行定位:相对定位则不脱离标准文档流,只是相对于元素原有的位置进行偏移,不挤压其他页面元素.设计师可以通过定位盒子来完成基本…

前端css兼容性与易混淆的点

一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibility: hidden; overflow: hidden; } 解读浮动闭合最佳方案:clearfix 二.使用斜杠/分割的关键字 1.font H2{ font:12px/100% sans-serif; } 分割的分别是 字体大小 与 行高 ,其他关键是用空白符分割. 2.background div{…

CSS的基本概念

<!--CSS 一.概念:CSS的全称是Cascading Style Sheets,层叠样式表,用来控制HTML标签样式,在美化网页中起到非常重要的作用 CSS的编写格式是键值对形式的,比如 color: red; font-size: 20px; 冒号:冒号左边是属性名,冒号右边是属性值 二.CSS的3中书写形式 1.行内样式:(内联样式)直接在标签的style属性中书写 <body style = "color: red;"> 2.页内标签:在本网页的style…

网页基础:网页设计(我所知道的所有的html和css代码(含H5和CSS3)),如有错误请批评指正

最基础的网页设计,就是给你一个图片你做成一个网页,当然,我的工作是C#,个人网页的功底不是很高首先先认识一下网页的一些相关知识: 一般的,现在一个html网页一般包含html文件,css文件,js文件,img文件这几个部分css文件,全名叫成叠样式表稍后会说说,js呢,这个文章暂时先不说现在说说网页静态网页htm,html 最早的静态网页文本,目前也常见非静态网页 asp 微软的动态网页文件php php的文档格式,参看www.php.net,常用,比asp流行jsp sun公司的动态网页文本,…

css基础重点内容总结

一.目录引入 ./同级(当前) ../上级目录  ../../上上级目录 二.标签种类: 1.块级标签(block):独占一行,宽高可设: 2.行内块标签(inline-block):不独占一行,宽高可设: 3.行内标签(inline):不独占一行,宽高不可设,由内容决定 br是行内标签. 三.三类标签之间的转换 1.块级标签转换为行内标签:display:inline; 2.行内标签转换为块级标签:display:block; 3.转换为行内块标签:display:inline-block;…

python之路-----前端之css

本篇内容 CSS 语法 css的四种引入方式 css选择器 css属性操作 Caution! 后台管理布局 css响应式布局 一.CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. selector { property: value; property: value; ... property: value } 例如: 二.CSS引入方式(4种) CSS引入有4种方式:行内式,嵌入式,链接式,导入式 2.1 行内式  行内式是在标签的style属性中设定CSS样式.这种…

CSS的引入方式及CSS选择器

一 CSS介绍 现在的互联网前端分三层: a.HTML:超文本标记语言.从语义的角度描述页面结构. b.CSS:层叠样式表.从审美的角度负责页面样式. c.JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css2.1 接下来我们要讲一下为什么要使用C…

前端之html的常用标签2和css基本使用

一 列表标签 ul标签:无序列表 ol标签:有序列表 li标签:写在ul和ol标签里面的 dl标签:定义列表 dt标签和dd标签:都写在dl里面的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <…