本文讲解CSS中使用频率并不高的content属性，通过多个实用的案例，带你由浅入深的掌握content的用法，让代码变得更加简洁、高效。
原创
2022-03-14 13:52:54
700阅读
点赞
定位属性包括3个方面：定位模式（position）、边偏移（top、right、bottom、left）和层叠（z-index）。
一、定位模式（position）
语法：
position : static | absolute | relative | fixed
各个属性值的具体含义如下：
static：不使用定位（默认值）。
absolute：绝
原创
2007-12-17 01:41:14
1635阅读
这个东西叫浮动。
顾名思义，就是让设置的标签产生浮动效果，就是脱离原来页面的标准输出流。
正常情况下，HTML页面
中块元素都是从上倒下排列的。如果想实现左右结构。
float的一种选择（当然还有其他方法）。
比如
<div style="widht:500px">
<div style="float:left;width:200px&
转载
精选
2012-11-20 11:52:45
650阅读
display属性规定元素生成框的类型，默认值inline。 属性值有很多，但常用且支持度较好的就那么几个。 block block元素当不设置宽度时，宽度为父元素的宽度，独占一行，支持设置宽高、外边距、内边距。不支持CSS的 属性 标签： inline inline元素宽度由内容撑开，不独占一行， ...
转载
2021-09-30 13:54:00
163阅读
2评论
前言 本文讲解CSS中使用频率并不高的content属性，通过多个实用的案例，带你由浅入深的掌握content的用法，让代码变得更加简洁、高效。 定义 W3school中这样定义： content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。 该属性用于定义元素之前或之 ...
转载
2021-08-06 14:18:00
280阅读
2评论
新版CSS3中增加了一个columns属性，为分栏模块。 用法：columns:宽度 所占的列数<!doctype html><html><head><meta charset="utf-8"><title>columns&a
原创
2021-07-27 17:58:12
337阅读
CSS引入样式
内部样式
内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：
<head>
<style type="text/CSS">
选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>
语法中，style标签一般位于hea
columns属性我们可以使用columns属性实现分栏布局，columns属性是column-width和column-count属性的缩写,columns的写法有很多种：columns: auto;columns: auto auto;columns: auto 4rem;column-width表示每一栏或者每一列最佳宽度，而且不支持百分比。column-coun
原创
精选
2022-08-12 09:36:29
326阅读
border-width属性可能的值值描述thin定义细的边框。medium默认。定义中等的边框。thick定义粗的边框。length允许您自定义边框的宽度。inherit规定应该从父元素继承边框宽度。例子 1border-width:thin medium thick 10px;上边框是细边框右边框是中等边框下边框是粗边框左边框是 10px 宽的边框例子 2border-width:thin medium thick;上边框是 10px右边框和左边框是中等边框下边框是粗边框例子 3border-width:thin medium;上边框和下边框是细边框右边框和左边框是中等边框例子 4bord
转载
2013-09-16 19:36:00
111阅读
可以用CSS3做一个动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创
2022-05-16 02:40:20
222阅读
每个CSS属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算值。当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。只有文档根元素取该属性的概述中给定的初始值（这里的意思应该是在该属性本身的定义中的默认值）。当元素的一个非继承属性（在Mozilla code里有时称之为reset property）没有指定值时，
原创
2022-04-28 12:44:46
1266阅读
一、概述：在前面的学习掌握了java C/S的开发模式，从今天开始就要进入B/S的学习中，在学习动态网站之前首先要学习静态网页技术，那首先就要了解静（动）态网页的概念，动态网站的意思：人的不同，内容会不一致，就是动态网页技术，那静态网站的所有内容都是一致，不会因为人的不同而引起内容的不同。在静态网页技术中，要掌握css以及javascript的技术。二、CSS的用法1、概念CSS（层叠样式表），用
JavaScript访问CSS属性的几种方式，要通过元素访问样式表，那么就应该先确定是哪个元素。直接访问样式表在该样式块里找相应的样式规则，最后在该样式规则里找相应的样式
JavaScript访问CSS属性的方式总体说来有两种：“通过元素访问”、“直接访问样式表”。另外访问样式的时候有一个不可忽略的问题——运行时样式。
1.通过元素访问
既然是
目录：1.字体 2.文本 3.背景 4.边框、轮廓 5.列表 6.定位属性 7.表格 1.字体属性1.1.font 设置所有字体属性p{font: italic bold 12px/20px arial,sans-serif;}1.2.font-family 文本的字体系列p{font-family: "隶书","Times New&nb
原创
2014-03-12 22:10:14
1045阅读
点赞
02.CSS属性 2.1 文本作用用于定义文本的外观,包括文本颜色、行高、对齐方式、字符间距等.常见属性属性名含义color设置文本颜色line-height设置行高text-align设置水平对齐方式，left、right、centertext-indent :2em段首缩进2个字符(汉字).letter-spacing设置字符间距text-decoration设置文本修饰
原创
2017-04-24 11:55:25
780阅读
点赞
边框属性 边框左侧格式： border-left-color:green; border-left-width:5px; border-left-style:solid; 上述所有的属性名前缀都一样 所以可以简写为： border-left:5px solid yellow 边框上方格式： bord ...
转载
2021-08-05 16:03:00
190阅读
2评论
文本：color颜色line-height行高direction文本方向letter-spacing字符间距text-align对齐方式text-decoration文本修饰text-indent首行缩进text-transform字母大小写unicode-bidi文本方向white-space空白... Read More
转载
2015-03-26 22:58:00
136阅读
2评论
css属性（1）文本属性文本大小：font-size：value（值）；说明：属性值为数值型时，必须给属性值加单位，属性值为0时除外；单位可以是px，pt，em（2）文本颜色：color：#颜色值；（3）文本字体：font-family；（4）加粗：font-weight；（5）倾斜：font-style；（6）水平对齐方式：text-align；（7）行高：line-height；（8）文本修饰
原创
2018-11-14 21:30:35
640阅读
点赞
1）字体、文本 font-size：字体大小 color：文本颜色 text-align：对其方式 line-height：行高 2）背景： background 3）边框：border：设置边框，符合属性 4）尺寸 width：宽度 height：高度 例子： <!DOCT ...
转载
2021-09-08 11:15:00
166阅读
2评论
正文 CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍。 相对定位 相 ...
转载
2021-08-03 22:46:00
347阅读
2评论
