首页 > 代码库 > css基础
css基础
在HTML中有一些标签可以不关闭,<br>就是一个,这是和XML不同的地方,但是为了遵循XHTML规范,推荐像XML一样严格关闭。<br/><img src="http://www.mamicode.com/1.gif"/>属性值:HTML中属性值即可以用单引号括起来、也可以用双引号括起来、甚至不用引号都可以(不推荐),单双要配对。注释:HTML使用和XML一样的<!--注释内容-->来做注释。层:<div></div>将内容放到层中,就以将这些内容当成一个整体进行处理,比如整体隐藏、整体移动等。span:div是将内容放到一个矩形的区块中,会影响布局,而span只是把一段内容定义成一个整体进行操作,但不影响布局、显示。
CSS(层叠样式表)是用来美化页面用的,可以对页面元素进行更精细的设置,样式主要描述元素的字体颜色、背景颜色、边框等。CSS主要有元素内联、页面嵌入和外部引用三种使用方式。CSS是描述元素的皮肤!元素内联,直接将样式写入元素的style属性中,<input type="text" readonly="readonly" style="background-color: #FF00FF" />,适用于样式没有可复用性的场合。页面嵌入:在head中加入<style type="text/css"> input{border-color:Yellow;color:Red;} </style>表示页面中所有input都是采用指定的样式。适合于样式复用,减小页面体积。外部引用,将css内容写入css后缀的文件textarea{background:yellow}然后在页面中引用,在head中加入<link type="text/css" rel="Stylesheet" href="http://www.mamicode.com/s1.css" />适合于多个页面共享css。
display:元素是否显示,可选值none(不显示,不占地儿)、block (显示为块级元素,此元素前后会带有换行符。)、inline(显示为内联元素,元素前后没有换行符 )等。cursor,鼠标在元素上时显示的光标图标,可选值:cursor(默认光标)、pointer(超链接上的手)、text(输入Bean)、wait(忙沙漏)、help(帮助)等。LI不显示圆点:LIST-STYLE-TYPE: none;一般设在li或者ul上
标签选择器 input{border-color:Yellow;color:Red;},对于指定的标签采用统一的样式。class选择器,以定义一个命名的样式,然后在用到它的时候设定元素的class属性为样式的名称,还可以同时设定多个class,名称之间加空格。样式名称开头加“.”。为指定id的元素设定样式,id前加#。
css基础