所在的位置: html >> html优势 >> HTMLCSS基础知识

HTMLCSS基础知识

北京中科医院都是假的 http://www.txbyjgh.com/m/
1、CSS,即层叠样式表,用来规定网页显示效果的。2、CSS的基本工作原理,选择器{样式声明;样式声明;样式声明;……}3、常见的选择器:标签选择器(所有的HTML标签都可以作为标签选择器,记住标签选择器前面没有任何符号)、类选择器(对应HTML的class属性,类选择器前面是英文小数点,例如.box{width:px;})、ID选择器(对应HTML的id属性,ID选择器前面是#,例如#tips{color:red;})4、常见的9个文本和字体属性如下:1)color定义字体颜色属性。例如color:red;2)font-family定义字体类型属性。例如font-family:宋体;3)font-size定义字体大小属性。例如font-size:16px;4)font-weight定义字体粗细属性。例如字体加粗定义为font-weight:bold;5)font-style定义字体风格属性。例如文字倾斜定义为font-style:oblique;6)line-height定义行间距属性,即行高。例如,line-height:24px;单行文本垂直居中,将行高设置为方框盒子的高度值。7)text-align定义文本对齐属性。例如文本右对齐则定义为text-align:right;8)text-indent定义文本缩进属性(段首缩进)。例如文本首行缩进text-indent:32px;9)text-decoration定义文本修饰属性。例如上划线text-decoration:overline;下划线text-decoration:underline;删除线text-decoration:line-through;5、背景属性background,其子属性有:background-color(背景颜色)、background-image(背景图像)、background-repeat(背景重复属性)、background-position(背景定位属性)。6、盒子模型相关属性:1)内边距:padding2)外边距:margin,margin:0auto;该元素相对于其父类居中显示。3)边框:border(子属性有:border-color边框颜色、border-width边框宽度、border-style边框样式)4)元素内容尺寸:width元素内容宽度属性、height元素内容高度属性。注意:padding、margin和border属性有方向。7、盒子的浮动相关属性:1)float属性:定义盒子向左或右浮动。2)overflow属性:定义盒子溢出时的显示效果。当一个方框盒子没有定义高度时,需要使用overflow:hidden;3)display属性:规定HTML元素是显示为块级元素还是行内元素。块级元素默认的显示为block,行内元素默认显示为inline。将行内元素转化为块级元素可以使用“display:block;”,将块级元素转化为行内元素可以使用“display:inline;”。8、常见的块级元素:body、h#、p、ul/li,ol/li,dl/dt/dd,hr等;常见的行内元素:img、a、span、em、strong9、可用于网页排版的CSS属性:float、position(相对定位于绝对定位数学),margin:0auto;其中float与position属性会改变HTML文档的文档流属性,而margin:0auto;不会改变HTML文档的文档流属性。10、文档流:标准文档流与非标准文档流,标准文档流是指HTML元素自然排列(即没有使用float与position属性。)11、绝对多数的块级元素都有默认的内外边距(padding,margin)。div标签没有默认的内外边距。12、CSS样式表的优先级:行内式内嵌式外部式样式表。13、CSS选择器的优先级:以下是一个按特性分类的选择符的列表:h2{color:blue;}特性值为:1pem{color:purple;}特性值为:2.apple{color:red;}特性值为:10p.bright{color:yellow;}特性值为:11p.brightem.dark{color:brown;}特性值为:22#id{color:yellow}特性值为:从上表我们可以看出#id具有更高的特殊性,因而它有更高的权重。当有多个规则都能应用于同一个元素时,权重越高的样式将被优先采用。14、padding(内边距),margin(外边距),height(高度),background(背景)、display属性、overflow属性等都是不继承的。15、*{padding:0;margin:0;list-style-type:none;}其中“*”代表通配符,这种全局声明,也叫做通用选择器。16、CSS锚伪类:a:link{color:red;}a:visited{color:blue;}a:hover{color:yellow;}a:active{color:purple;}a:hover必须放在a:link{}和a:visited{}之后,a:active必须放在a:hover的后面。17、合理的设置TDK标签(网页三标签)有助于SEO,TDK指的是网页标题标签title、网页描述标签description以及网页关键词标签keywords。18、有助于网站优化的HTML文档结构必须要有meta标签定义的description与keywords:htmlheadmetacharset=utf-8titleHTML基础/titlemetaname=descriptioncontent=网页正文摘要(说明)metaname=keywordscontent=网页关键词(关键字)linkhref=yangshi.cssrel=stylesheettype=text/css/headbody网页内容/body/html19、网页的字符集charset包括:utf-8(国际通用字符集)、gbk(gb、gb等简体中文字符集)、big5(繁体中文字符集)。20、图片img/标签必须要书写alt属性,以便于搜索引擎更好的识别图片内容。21、h#标签默认效果为强调:加粗、默认字号、换行效果,合理的使用H标签(特别是H1、H2和H3),有利于搜索引擎快速的了解网页的主题内容。其中H1标签在一个网页只能够使用1次,一般在文章标题处使用。22、选择图片素材的时候,在不影响图片清晰度前提下,图片所占用的空间要最小。23、所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。24、超链接是搜索引擎蜘蛛不断地抓取网页的桥梁。25、URL:统一资源定位符,是UniformResourceLocator的缩写,也被称为网页地址,是Internet上标准的资源地址。Internet上的每一个网页对应一个唯一的URL地址。任何一个URL,它只会指向一个网页。以新浪体育网和腾讯体育网的NBA频道为例:/nba/:相对地址


转载请注明:http://www.aierlanlan.com/grrz/7829.html