css入门知识点整理
2024-09-03 11:21:17
css入门知识点整理
不要嘲笑我这个蒟蒻。。例子来源:w3school
css其实就分为两个东西,一个是选择器,另外一个是声明。声明定义了某个对象的属性的值,这都是html的内容。重点要关注的是选择器。顾名思义,选择器就是用来“选择”HTML中的元素的。通过定义选择器可以选出HTML文档中的某些元素,然后把它们的样式变成声明中的。css的格式长这样:
selector {declaration1; declaration2; ... declarationN }
这里有一个最基本的css例子:
h1 {color:red; font-size:14px;}
意思就是说,把所有是h1的元素,颜色都变成红色,字体大小设置成14像素。
选择器有很多用法:
后代选择器 x y{ ... } 。它的作用是,只有在x元素中的y元素才会被选择。前面讲的相当于中x设成所有元素。
子元素选择器 x>y{ ... }。它的作用和后代选择器差不多,但是只能选择下一层的后代。
兄弟选择器 x+y{ ... }。它的作用是,只有和x是兄弟的元素y才会被选择。
前三个选择器统称派生选择器。它们还能和后面的选择器组合起来。
id选择器 #idName{ ... }。它能选择所有id=idName的元素。注意,id不建议共用。
class选择器 .className{ ... }。它能选择所有class=className的元素。
title选择器 [title=X]{ ... }。它能选择所有title=X的元素。等号替换成~=/|=,意思是可以匹配X中的任何一个子串(用空格分隔/用-分割)。
就是这样~
最新文章
- c 函数及指针学习 6
- String - 兴趣解读
- apk反编译(1)用apktool破解apk
- [反汇编练习] 160个CrackMe之011
- Python在Windows下开发环境配置汇总
- 使用redis来实现分布式锁
- [yueqian_scut]蓝牙防丢器原理、实现与Android BLE接口编程
- 搜搜(www.soso.com),I 老虎油!
- VS2015 启用“仅我的代码”
- 了解Sql
- wemall doraemon中Android app商城系统解决左侧抽屉菜单和viewpager不能兼容问题
- 委托(C#)
- Ubuntu 修改sudoers之后无法用sudo怎么恢复
- 【转】Android总结篇系列:Activity启动模式(lauchMode)
- linux下yum安装及配置
- JavaWeb学习(二)———Tomcat服务器学习和使用(一)
- 自学Python1.3-centos内python3并与python2共存
- 用SQL命令手工创建CDB
- 正则表达式-使用说明Regular Expression How To (Perl, Python, etc)
- centos DNS服务搭建 DNS原理 使用bind搭建DNS服务器 配置DNS转发 配置主从 安装dig工具 DHCP dhclient 各种域名解析记录 mydns DNS动态更新 第三十节课
热门文章
- AngularJS:路由
- PostgreSQL 9.5 高可用、负载均衡和复制
- 【Java】java.util.Objects 源码学习
- QTP11使用DOM XPath以及CSS识别元素对象
- MySQL学习笔记之一---字符编码和字符集
- C# 连接Mysql 字符串
- clang: error: linker command failed with exit code 1 (use -v to see invocation) 无法定位的问题
- python爬虫实战(1)--爬取糗事百科
- python爬虫(1)--Urllib库的基本使用
- Educational Codeforces Round 56 (Rated for Div. 2) E(1093E) Intersection of Permutations (树套树,pb_ds)