css命令

网页中是否有css的测试:更改字体大小

不用存在兼容性有差别的属性

1.为了将来的css代码优化,建议所有的属性值后面都要带上“;”

2.就一个比较特殊的字体想用怎么办?--将其转为图片 3.当其分中英文字体时英文在前中文在后

4.想让文字在垂直方向上居中,将行高设置为元素的高度,即行高==元素高度,但文字的内容不能超过元素的高度也就是不能换行

5.css应用给网页的方式就相当于给人怎么去穿衣服 行内样式:应用于一个 嵌入样式:应用于一类标签 如果我们有很多的网页都要用到同一个css,我们就将这些css写到一个独立文件中,这个就是外链式,推荐使用 导入式样式也是将样式写到一个文件中再导入到网页中,其实跟内嵌式样式是类似的,都是将样式加入到网页里

6.css选择符 1)选择符的分类 1---标签选择符--针对html标签 2---ID选择符--针对某一个ID 3---类选择符--针对某一类或者某一些元素,它们的样式是相同的(同一元素应用多个类,类名与类名之间用空格分隔   class="类1 类2 类3" 4---如果我们针对某个元素中的子元素进行控制,可以使用嵌套的方式,不必再为子元素设置ID 父元素 子元素{属性:值} 5---多个选择符会有一些相同的样式,这个时候我们可以把这些选择符组成一个组 选择符1,选择符2,……{属性:值}

7.css特性 1.继承:子元素会继承父元素的某些样式,有些子元素本身就有默认值,所以他就不用父元素 2.层叠:子元素如果定义了与父元素相同的样式就会覆盖掉父元素的样式即后面的样式会覆盖前面的样式

8.css控制元素的某种状态---伪类 伪类语法: 元素名称:伪类名称{属性:值} 例如:超链接的,鼠标经过状态 a:hover{text-decoration:underline;} a:link{text-decoration:none;} a:active{text-decoration:overline;} a:visited{text-decoration:line-through;} 如果鼠标放上去效果不起作用,请修改链接状态的顺序    L  -V  -H  -A

时间: 2024-10-11 08:44:04

css命令的相关文章

css命令规范

一.命名规则说明 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3).每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4).空元素要有结束的tag或于开始的tag后加上"/"5).表现与结构完全分离,代码中不涉及任何的表现元素,如style.font.bgColor.border等6).<h1>到<h5&g

CSS标签知识

一.内联标签和块标签的区别 内联,内嵌,行内属性标签: 1.默认同行可以继续跟同类型标签: 2.内容撑开宽度 3.不支持宽高 4.不支持上下的margin和padding 5.代码换行被解析 块属性标签: 1.默认独占一行显示: 2.没有宽度时,默认撑满一排 3.支持所有css命令 二.display display:block; 显示为块display:inline; 显示为内嵌 display:inline-block特性:1.块在一行显示:2.行内属性标签支持宽高:3.没有宽度的时候内容撑

CSS的四种引入方式

CSS的引入方式最常用的有三种, 第一:在head部分加入<link  rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件. 这种方法可以说是现在占统治地位的引入方法.如同IE与浏览器.这也是最能体现CSS特点的方法:最能体现DIV+CSS中的内容与显示分离的思想,也最易改版维护,代码看起来也是最美观的一种. 第二:在head部分加入<style type=&q

【引用】CSS浏览器兼容手册

CSS技巧 1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2. margin加倍的问题    设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决方案是在这个div里面加上display:inline;   例如:    <#div id=”imfloat”>    相应的css为   #IamFloat{ 

css样式兼容不同浏览器问题解决办法

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网站,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important; 一.CSS HACK 1, !important

CSS兼容性常见问题总结

DIV+CSS设计IE6.IE7.FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏

WEB前端开发学习----6.CSS 和 JS 在html的使用方法

CSS的导入总共有四大方法: 1. 行内式:直接在html标签元素内嵌入css样式(不推荐) 2.嵌入式:在html头部head部分内插入style声明 3.导入式:使用@import引用外部CSS文件方法:<style type="text/css">@import "mystyle.css";</style> 4.链接式:使用link来调用外部的css文件(推荐):<link href="mystyle.css"

HTML, CSS学习笔记(完整版)

第一章 div布局 前几课内容 .htm是早期的后缀,因为那时只能支持长度为3的后缀,因此html与htm是一样的. shtml是服务器先处理然后再交给浏览器处理 #HTML小知识#之#XHTML与HTML的区别#XHTML是更严谨更纯净的 HTML 版本.XHTML目标是取代HTML.更详细的介绍 XHTML 教程 http://t.cn/h94BV #HTML小知识#之#<!DOCTYPE>声明#位于文档中的最前面的位置,处于 <html> 标签之前.此标签可告知浏览器文档使用

CSS兼容的一些问题

DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 兼容性处理要点 1.DOCTYPE 影响 CSS 处理 2  . FF下给 div 设置 padding 后会导致 width 和 height 增加(DIV的实际宽度=DIV宽+Padding), 但IE不会. 解决办法:给DIV设定IE.FF两个宽度, 在IE的