css+div 港控/mmm° 2022-08-24 06:06 126阅读 0赞 div+css是web设计标准,它是一种网页布局方法。它可以实现网页页面内容与表现分离。 css是层叠样式表(Cascading Style Sheets)的缩写,用于定义HTML元素的显示形式。 样式规则:由一个选择器后跟一个声明块组成。声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。 举例如下: #m_category{ width:200px; float :left ; } 下面说一说什么是选择器: 元素选择器:语法格式: 元素\{color: blue;\} 类选择期: 语法格式: .类名\{属性: 值;\} ID选择器:\#id名 \{属性 : 值;\} ID名不能重复 通配符选择器:语法格式:\*\{属性:值;\} 伪类选择器: 伪类选择器可以以不同方式格式化超级链接<a>元素的四种不同状态:以下顺序依次写;(记忆方法:a Love or Hate) a:link 是用在未访问的链接的选择器 a:visited 是用在已访问过的链接的选择器 a:hover 是用在鼠标光标放在其上的链接的选择器 a:active 是用在获得焦点(比如,被点击)的链接的选择器 如果需要,我们可以组合这几个状态,按顺序写: a:link,a:visited \{ color :blue;\} a:hover ,a:active \{ color :blue;\} 伪元素选择器 标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现: 所有浏览器支持的有两种: :first-line和 :first-letter 例:段落的第一行:p:first-line \{属性:值;\} 例:段落的第一个字母:p:first-letter \{属性:值;\} 下面说一说CSS优先级,即CSS样式在浏览器中被解析的先后顺序。 优先级顺序为:内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属\*(attribute)选择符 > 类别(type),伪对象(pseudo-element) 这样做有什么优势呢? 1、精简的代码,使用DIV+CSS布局,页面代码精简。 2、提高访问速度,增减用户体验性 3、很容易被搜索引擎搜索岛。降低网页大小,让网页体积变得更小。
还没有评论,来说两句吧...