css属性之一些理解

在做html+css练习的时候,发现了一个问题,如果一个a标签存在于一个ul标签中的li的子元素中,那么设置这个a标签的text-decoration:none 属性后,li的样式效果和list-style:none的效果是一样的。这样的话,很多时候用在项目中,可以避免使用了

list-style:none之后,不能设置li各种属性的尴尬境地,尤其是它的background-image属性。

时间: 2024-11-02 12:33:16

css属性之一些理解的相关文章

理解css属性的继承和覆盖

首先,我们梳理一下哪些属性会被继承 文本 color 颜色,a元素除外 direction 方向 font 字体 font-family 字体系列 font-style 字体风格 font-size 字体大小 font-weight 字体粗细 letter-spacing 字母间距 line-height 行高 text-align 对齐方式 text-indent 首行缩进量 text-transform 大小写修改 visibility 可见性 white-space 指定如何处理表格 wo

十个实用但IE不支持的CSS属性

对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态,偶尔甚至产生非常消极的想法:这个世界只有一个浏览器就好了,哪怕这唯一的浏览器就是IE6.当然,这样的想法是非常病态的,马上打消.本文里面,介绍了10个很实但IE却不支持的CSS属性,列出这些属性并不是为了数落IE(数落也没用),而是你了解了哪些CSS属性是IE不支持的,就更有针对性的去编写CSS和Hack了. 1. Outline 在调试CSS问题的时候,我常常在指定元素上添加border来精确的查看该元素会发生什么并帮助确定问题的来源.这常常是

CSS属性之display

display属性用来设置或检索对象是否及如何显示 默认值:对于HTML文档来说,这取决于你使用的标签 继承性:不继承 支持动画:否 display是一个很重要的CSS属性,设定的值会对一个HTML元素的内部和外部表现造成影响 值列表: none:不显示该元素 给display设置none,浏览器就不会渲染该元素,虽然元素存在DOM中,可以通过JS访问,但是从视觉上,是完全消失. block:块级元素 最常用的值了,设置block会让元素变得如DIV那样,独占一行 inline:内联元素 <sp

关于dom元素上css属性值的取值过程

最近在研究w3c的css标准规范,css2.2版本,虽然早已进入css3时代,但是css3还是继承了很多css2的基础,所以了解css2的很多标准原理,对于理解css核心内容,对写好css,写出高性能的css是很有必要的. 这篇文章写在读了css标准第六章css属性值取值过程相关内容,英文标准地址:https://www.w3.org/TR/CSS22/cascade.html 浏览器渲染页面时,解析dom树之后,一定(标准中用了must)会对每个dom元素都加上css的属性和对应的值: “On

我对CSS vertical-align的一些理解与认识(一)

一.关于今天,本文,及其他 今天是个特殊的日子,因为今天是汶川地震两周年的日子,我很悲鸣:今天又是国际护士节,看到微博上护士照横流,我很欣慰. 一段放松的YY后,进入正题.上个月21号,有位同行留言想让我讲讲vertical-align属性,我其实对vertical-align属性也是略知皮毛,要说岂敢谈“讲解”,就说说我对vertical-align属性的一些理解吧,纯属个人见解,若有不准确之处还望见谅.还有,vertical-align属性牵扯到的知识实在是太多了,不是一篇文章就可以讲清楚的

CSS设计指南之理解盒子模型

原文:CSS设计指南之理解盒子模型 一.理解盒模型 每一个元素都会在页面上生成一个盒子.因此,HTML页面实际上是由一堆盒子组成的.默认情况下,每个盒子的边框不可见,背景也是透明的,所以我们不能直接看到页面中盒子的结构.使用WebDeveloper工具条中的"OutLine"->"OutLine Level Element"菜单项,可以方便地显示盒子的边框和背景,从而让我们能从另外一个角度来审视页面的构成. 1.1 元素盒子的属性 1.边框(border):可

关于html标签和属性的基本理解

关于标签和属性的基本理解: html页面的内容主要由"元素"或"标签"组成.使用标签来描述网页的内容. 标签tag一般都是成对出现,开始标签和结束标签,或者开放标签和闭合标签,比如 <b> 和 </b>: W3C的html5规范重新定义和梳理了标签,标签列表基本上就是html5能支持的页面元素: 大多数标签都可以有属性,属性是对标签某个方面特性的说明或约束: 属性一般描述于开始标签中,而不是在结束标签中: 属性总是以名称/值对的形式出现,比如

那些年我们错过的超级好用的CSS属性

在看前辈写的CSS样式的时候发现好多之前都没用过的Css属性,现在看来有必要整理一下啦. 一.CSS选择器(http://www.w3school.com.cn/cssref/css_selectors.asp) 1.:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素 ; n 可以是数字.关键词或公式. 例如: html: <div class="xixi"> <p>你好</p> <p>哈哈<

css属性大全

SS 属性大全文字属性「字体族科」(font-family),设定时,需考虑浏览器中有无该字体.「字体大小」(font-size),注意度量单位.<绝对大小>|<相对大小>|<长度>|<百分比>(一般设置双数)「字体加粗」(font-weight),除了 normal(正常).bold(粗体).bolder(特粗).lighter(细体)外,还有9种以像素为度量为单位的设置方式(100,200,300,400,500,600,700,800,900).「字体