CSS基础知识真难啊
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基础知识真难啊相关推荐
- 〖前端开发〗HTML/CSS基础知识学习笔记
经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构:HTML文件的固定结构:<html><head>...</head><b ...
- css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
- HTML/CSS基础知识(四)
WEB标准和W3C的理解与认识 Web标准是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结 ...
- html css基础知识
1 这是自己学习html时候做的一些记录,供大家参考 <!-- 2 块和内联3 块元素:独占一行的元素4 div p h ul5 div没有任何语义,就是一个纯粹的快元素6 就是为了方便布局7 ...
- HTML+CSS基础知识简单版
HTML+CSS基础知识简单版 一.HTML概述 HTML:超文本标记语言,其实就是用来开发网页的一门语言: CSS:层叠样式表,可以用于渲染网页.美化网页.做网页. 1.HTML介绍 HTML:超文 ...
- CSS基础知识(一):选择器
文章目录 前言 一.CSS基础知识 二.选择器 1.选择器 2.基础选择器 2.1 标签选择器 2.2 类选择器 2.3 id选择器 2.4 通配符选择器 2.5 基础选择器总结 3.复合选择器 3. ...
- 公安局计算机岗位应知应会综合基础知识,事业单位考试计算机综合知识基础知识真题...
事业单位考试计算机综合知识基础知识真题 根据最新事业单位考试真题等汇总而成,事业编考试网(http:www.shizheng100.com)提供更多笔试真题.面试原创内容等. 一.单项选择题(本大题共 ...
- CSS基础知识---三种选择器
CSS基础知识---三种选择器 选择器 标签选择器 id选择器 class选择器 全部代码 选择器 标签选择器 id选择器 class选择器 标签选择器 选择器优先级:id>class>标 ...
- 2010河北职称计算机考试,2010年河北省职称计算机考试基础知识真题
2010年河北省职称计算机考试基础知识真题 合 2010年河北省职称计算机考试基础知识真题 以下内容是小编整理的职称计算机考试基础知识真题,希望大家可以认真做完. 下列关于计算机网络的叙述中,错误的是 ...
最新文章
- Flutter开发之Stack组件(层叠布局)(19)
- pip无法更新_TensorFlow 2.0「开发者预览版」上线,内容每日更新
- 检查单 2015-05-15-01
- 实战:移动APP项目产品开发流程详解
- 产品经理 - 汽车维修连锁企业 - 发展预测
- 推荐两个在线格式化JavaScript代码的网站
- python中get属性_python3中__get__,__getattr__,__getattribute__的区别
- 教你如何在Mac上搭建自己的服务器——Nginx
- 【暴力枚举】LeetCode 90. Subsets II
- 使用OpenCV进行图片模糊处理(归一化滤波器)
- 人口logistic模型公式_人口预测模型Matlab实现Logistic曲线模型
- 下载谷歌离线地图瓦片图
- 向量数量积公式_向量的数量积公式大全
- Win10 最下面的任务栏不显示正在打开的窗口了,打开任何东西任务栏都不显示
- 关系数据库中常用的数据结构
- FAT学习笔记(四)——Dir Entry
- 计算机主机关不了,电脑无法关机怎么办_电脑正常关机关不了如何解决
- 使用 H3C 的办公室路由器和 IDC 的防火墙建立 IPSec ***
- Word里面如何在两个字正中间加入点
- 中文网页的外链对Google谷歌SEO有用吗
热门文章
- SQLServer-Error Log
- 工作的思考十六:层次的提升 - 团队
- 开机后系统时间被恶意修改
- c语言数据页,c语言基础--数据类型(51页)-原创力文档
- 蓝桥杯 ALGO-54 算法训练 简单加法(基本型)
- Apple Mach-O Linker Error _sqlite3_exec, referenced from: _sqlite_open, referenced from: _sqlit
- 1032. Sharing (25)-PAT甲级真题
- python 检测端口是否被占用
- 使用python读取kafka实时topic数据demo,包括安装kafka module
- 在RedHat Linux系统中安装和配置snmp服务