css+div

it2025-06-14  11

           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、非常easy被搜索引擎搜索岛。减少网页大小,让网页体积变得更小。

转载于:https://www.cnblogs.com/bhlsheji/p/5219257.html

最新回复(0)