css的内容

块级元素和行内元素的区别:

1. 行内元素部不能够设置宽度和高度。行内元素的宽度和高度是标签内容的宽度和高度。块级元素可以设置宽度和高度。

2. 块级元素会独占一行。而行内元素却部能够独占一行，只能和其他的行内元素共用一行。

3. 如果块级元素不设置宽度，那么块级元素会自动的沾满父元素的全部宽度。

综合选择器

1. 后代选择器 div p
2. 交集选择器  div.d1
3. 并集选择器 div,p
4. 子元素选择器  div>p
5. 序列选择器  ul li:first-child  ul:li:last-child
6. 相邻兄弟选择器  div + p
7. 普通兄弟选择器 div ~ p
时间： 2024-10-13 01:23:30

css的内容的相关文章

css基础内容

css基础内容 CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一 一.css的引入方式 1.直接在html标签元素内嵌入css样式 <div style="font-size:14px; color:#FF0000;">行内引入</div&g

css中内容生成器

一,内容生成器:content 补充before和after伪类选择器: 1):将内容添加到某个选择器定义的单个或者多个元素的每一个实例之前或者之后 2)与before选择器配合使用(同理大家想下会不会有after?): content的作用: 1,作用:在被选元素的内容前面插入内容: 2,用法:使用content属性指定要插入的内容: 3,可以设置插入内容的样式: content的使用作用:对HTML内容修饰: 常用的值:url:添加图像: 文本: 计数器:? 二,计数器:(引导语,大家之前如

CSS content内容生成技术以及应用

一.简介 content属性早在 CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容.此特性目前已被大部分的浏览器支持:(Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+).另外,目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性,而不仅仅是:before和:after伪元素. 在CSS 3 Generated Content工作草案中,content属性添加了更多的

牛腩之CSS核心内容

根据牛老师的讲解,CSS的核心内容大致为四个部分:标准流.盒子模型.浮动和定位. 在学习核心内容之前,先来了解两个基本概念:块级元素和行内元素. 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的display属性默认值为"block",意思是该标签元素为块级元素,而对于span元素来讲,它的默认值为"inline",即行内元素. 所谓块级元素,就是在显示的时候自动占据

使用CSS使内容垂直居中的N中方法。

使用css+div使页面内容水平居中的方法大家并不陌生,那么如何使内容垂直居中呢? OK,下面进入正题,不如我们使用做高中数学题时经常用的思想:分情况讨论. 1.当待垂直居中的DIV高宽为已知时: 1.1绝对定位法: CSS: .middle-div{ width:300px; height:200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -150px } .parent-div{ position:relitive;

CSS隐藏内容方法

在制作网页时,隐藏内容也是一种比较常用的手法,它的作用一般有:隐藏文本/图片.隐藏链接.隐藏超出范围的内容.隐藏弹出层.隐藏滚动条.清除错位和浮动等等. 使用CSS即可使以上提到的内容隐藏起来,几种隐藏内容的方法: 1.使用display:none来隐藏所有内容 display:none可以让网页中所有内容不显示,如代码.文字.链接.图片.div层,是推荐的内容隐藏方式. <div style="display:none;">我不占地儿,你看不见我:</div>

如何通过css控制内容显示顺序 第二行的内容优先显示

我们有时进行网页设计时为了想让用户感兴趣的内容优先显示在前,又不想改动代码的先后顺序,要怎么操作呢?(或者换种说法:源代码中要先看到A再看到B,而视觉上是先B再A)举个简单的例子,想让第二行的内容在不改动代码的情况在视觉上显示在第一行.如图,左图是正常显示,想让它们对换一下顺序,像右图一样展示出来.   我们可以通过div+css的形式来定义 css中position的absolute(绝对)和relative(相对)两个参数,我们将上面右图的css作如下定义: .bock1 { width:3

使用CSS使内容垂直居中的N中方法

用css+div使页面内容水平居中的方法大家并不陌生,那么如何使内容垂直居中呢? OK,下面进入正题,不如我们使用做高中数学题时经常用的思想:分情况讨论. 1.当待垂直居中的DIV高宽为已知时: 1.1绝对定位法: CSS: .middle-div{ width:300px; height:200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -150px } .parent-div{ position:relitive;

CSS应用内容补充

一.clear 清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .clearfix:after{ /*善用after和defore*/ content: "111"; /*注意加引号*/ clear: both; dis

css 总结内容用到的绝对居中的几种方式

在手机排版时,内容绝对居中用到的特别频繁. 1. 如何让未知尺寸的图片在已知宽高的容器内水平垂直居中? .test{ position:relative; width:200px; height:200px; text-align:center; vertical-align:middle; background-color: green; } .test p{ position:absolute; top:50%; left:50%; margin:0; } .test p img{margi