导入样式表 <style> @import url(XXX.css) </style> 导入样式表比链接样式表慢设计代码的结构
原创
2023-01-03 11:51:10
63阅读
CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。
转载
2019-08-28 10:48:00
344阅读
2评论
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写： p{ text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/ } 如果font-size是12px的话，那么text-indent: 2em则缩进24px。 web标准推荐如下字体定义方法： body { font-family : "Lucida Gr...
转载
2008-08-05 01:39:00
165阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载
2010-12-12 17:28:00
102阅读
2评论
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载
2010-12-12 17:28:00
99阅读
2评论
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载
2024-01-26 10:23:11
104阅读
一个炫酷的网页离不开css的transform、transition、animation三个属性，之前一直没有涉及到这块内容，刚好最近要做一个相关东西，趁此机会好好学一学这三个属性。一、功能实现元素的平移、旋转、缩放或倾斜。二、 实现条件只能转换由盒模型定位的元素。三、 基本语法transform: none
不应用任何变换transform: <transform-function>
要想熟练地使用CSS对网页进行修饰，首先要了解CSS样式规则。设置CSS样式的具体语法规则如下。
原创
2021-04-29 10:53:25
343阅读
一、css简介1.1 什么是css网页分为三部分:
结构（html）
表现（css）
行为（js）
css:层叠样式表
网页实质上是一个多层的结构，通过CSS来分别为网页的分一层设置样式，
而最终我们看到的是网页的最上一层。1.2 css的性质CSS的性质：层叠性 、继承性1）层叠性层叠性：
后来添加的css样式会覆盖原有的样式。即根据选择器的
转载
2024-01-08 15:43:27
67阅读
要想熟练地使用CSS对网页进行修饰，首先要了解CSS样式规则。设置CSS样式的具体语法规则如下。
原创
2021-06-02 11:16:16
372阅读
目录一.CSS基本概念：1.静态网页：2.动态网页：二.CSS基本结构：三.网页中使用的css的三种方式：1.行内方式：2.内部样式：3.外部样式：四.选择器：1.标签选择器：2.类选择器：3.ID选择器：五.常见的CSS的样式：1.字体样式：2.文本样式3.span4.图片样式： 一.CSS基本概念：CSS：cascade style sheet 层叠样式表 我们可以对table使用多个样式(
转载
2023-10-16 00:39:36
77阅读
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载
2010-12-19 15:52:00
329阅读
2评论
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载
2010-12-19 15:52:00
416阅读
2评论
每个合法的文档都会生成一个文档树，从而能根据元素的祖先，属性，兄弟元素等创建选择器来选择元素。有了这个结构树，选择器才能起作用，这也是CSS继承的核心。继承是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，用户代理不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源，这个过程称为层叠。
1.特殊性 每个选择器都有特殊性，对于每个规则，用户代理会计算选
转载
2014-09-24 08:44:00
77阅读
2评论
一. CSS定义网页分为三个部分结构（HTML）表现（CSS）行为（JavaScript）1. CSS层叠样式表网页实际上是一个多层的结构，通过CSS可以为网页的每一层来设置
原创
2022-12-26 19:57:47
154阅读
CSS基础CSS 职责是控制 HTEM 文档里的文本内容在网页上样式呈现的效果，写的每一个样式最终是通过选择器作用到具体的元素上面。css结构典型结构：总共由两部分组成：选择器 + 样式{} 大括号内部的都是具体的某种样式，可用来控制元素的背景、大小、排版位置等样式效果。而 {} 左边的则是选择器，用来指定说后面跟随的样式列表要作用到 HTML 文档中的哪个元素上。选择器类型很多，规则也很多，因此
转载
2023-12-17 14:19:48
55阅读
一、CSS简介 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
转载
2023-08-18 14:01:32
42阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
原创
2023-02-01 11:31:23
44阅读
代码结构
1. browser mode: standard quirk（兼容旧site ie旧boxmodel）
2. specificity：某个p有自己的特性
p {color: black;}
p.intro {color: grey;}
p .intro 是指包含在p内class为intro的元素
p {backg
原创
2011-11-09 09:10:11
825阅读
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header d
转载
精选
2012-02-08 01:51:01
1247阅读
