CSS层叠样式表Cascading Style Sheets

CSS派生选择器(上下文选择器):

  • 后代选择器:h1  strong {color:red;}第一个参数和第二个参数之间的代数是可以无限的
  • 子元素选择器:h1 > strong {color:red;}只会选择某个元素的子元素,而不会扩大到任意的后代元素
  • 相邻兄弟选择器:h1 + strong {color:red;}会选择某一元素紧随其后的元素,但是前提是他们拥有相同的父级(即选择跟在h2后面的strong元素)

CSS ID选择器

CSS类选择器

CSS属性选择器:p[class="important warning"] {color: red;}查看 http://www.w3school.com.cn/css/css_selector_attribute.asp

在《记》中也有提及

把css应用到网页中有3中方式:行间样式表、内部样式表、外部样式表

--------------------------------------------------------------------------------------------

ol与ul的区别:ol是有序的,即带数字,默认为<ol start="1">从1开始,<ol start="50">表示从50开始

background:linear-gradient(120deg,red,blue);线性渐变(角度默认180deg)

white-space:nowrape;overflow:hidden;text-overflow:ellipsis;在某一元素内文字超出显示省略号

--------------------------------------------------------------------------------------------

替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。

比如:<img>、<input>、<textarea>、<select>、<object>都是替换元素

其余的大多数元素是不可替换元素,他们将内容直接告诉浏览器,将其显示出来<p><div>等

除了可替换元素和不可替换元素的分类方式外,css中元素还有另外的分类方式:块级元素(block-level)和行内元素(inline-level,也译作“内联”元素)。

如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。用em作单位。宽度之和<99%

--------------------------------------------------------------------------------------------

display:block和display:inline-block的区别:按行显示,

dianplay:block是因为元素后面紧跟了一个回车,而dispaly:inline-block是将后面的回车转换成了空格,虽然能够按行显示,但是中间肯定会有一部分空隙。

-------------------------------------------------------------------------------------------

text-align: justify;让文本两端对齐

text-transform全大写、全小写、首字母大写

转载于:https://www.cnblogs.com/yumeixin/p/4990900.html

CSS基础知识真难啊相关推荐

  1. 〖前端开发〗HTML/CSS基础知识学习笔记

    经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构:HTML文件的固定结构:<html><head>...</head><b ...

  2. css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识

    好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...

  3. HTML/CSS基础知识(四)

    WEB标准和W3C的理解与认识 Web标准是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结 ...

  4. html css基础知识

    1 这是自己学习html时候做的一些记录,供大家参考 <!-- 2 块和内联3 块元素:独占一行的元素4 div p h ul5 div没有任何语义,就是一个纯粹的快元素6 就是为了方便布局7 ...

  5. HTML+CSS基础知识简单版

    HTML+CSS基础知识简单版 一.HTML概述 HTML:超文本标记语言,其实就是用来开发网页的一门语言: CSS:层叠样式表,可以用于渲染网页.美化网页.做网页. 1.HTML介绍 HTML:超文 ...

  6. CSS基础知识(一):选择器

    文章目录 前言 一.CSS基础知识 二.选择器 1.选择器 2.基础选择器 2.1 标签选择器 2.2 类选择器 2.3 id选择器 2.4 通配符选择器 2.5 基础选择器总结 3.复合选择器 3. ...

  7. 公安局计算机岗位应知应会综合基础知识,事业单位考试计算机综合知识基础知识真题...

    事业单位考试计算机综合知识基础知识真题 根据最新事业单位考试真题等汇总而成,事业编考试网(http:www.shizheng100.com)提供更多笔试真题.面试原创内容等. 一.单项选择题(本大题共 ...

  8. CSS基础知识---三种选择器

    CSS基础知识---三种选择器 选择器 标签选择器 id选择器 class选择器 全部代码 选择器 标签选择器 id选择器 class选择器 标签选择器 选择器优先级:id>class>标 ...

  9. 2010河北职称计算机考试,2010年河北省职称计算机考试基础知识真题

    2010年河北省职称计算机考试基础知识真题 合 2010年河北省职称计算机考试基础知识真题 以下内容是小编整理的职称计算机考试基础知识真题,希望大家可以认真做完. 下列关于计算机网络的叙述中,错误的是 ...

最新文章

  1. Flutter开发之Stack组件(层叠布局)(19)
  2. pip无法更新_TensorFlow 2.0「开发者预览版」上线,内容每日更新
  3. 检查单 2015-05-15-01
  4. 实战:移动APP项目产品开发流程详解
  5. 产品经理 - 汽车维修连锁企业 - 发展预测
  6. 推荐两个在线格式化JavaScript代码的网站
  7. python中get属性_python3中__get__,__getattr__,__getattribute__的区别
  8. 教你如何在Mac上搭建自己的服务器——Nginx
  9. 【暴力枚举】LeetCode 90. Subsets II
  10. 使用OpenCV进行图片模糊处理(归一化滤波器)
  11. 人口logistic模型公式_人口预测模型Matlab实现Logistic曲线模型
  12. 下载谷歌离线地图瓦片图
  13. 向量数量积公式_向量的数量积公式大全
  14. Win10 最下面的任务栏不显示正在打开的窗口了,打开任何东西任务栏都不显示
  15. 关系数据库中常用的数据结构
  16. FAT学习笔记(四)——Dir Entry
  17. 计算机主机关不了,电脑无法关机怎么办_电脑正常关机关不了如何解决
  18. 使用 H3C 的办公室路由器和 IDC 的防火墙建立 IPSec ***
  19. Word里面如何在两个字正中间加入点
  20. 中文网页的外链对Google谷歌SEO有用吗

热门文章

  1. SQLServer-Error Log
  2. 工作的思考十六:层次的提升 - 团队
  3. 开机后系统时间被恶意修改
  4. c语言数据页,c语言基础--数据类型(51页)-原创力文档
  5. 蓝桥杯 ALGO-54 算法训练 简单加法(基本型)
  6. Apple Mach-O Linker Error _sqlite3_exec, referenced from: _sqlite_open, referenced from: _sqlit
  7. 1032. Sharing (25)-PAT甲级真题
  8. python 检测端口是否被占用
  9. 使用python读取kafka实时topic数据demo,包括安装kafka module
  10. 在RedHat Linux系统中安装和配置snmp服务