CSS
css样式学习笔记
五指山西
在线笔记本
展开
-
012_跳动的♥完整版(CSS中的动画)
CSS中的动画<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .com{ width: 200px; height: 200px; background-color...原创 2020-04-14 23:01:35 · 106 阅读 · 0 评论 -
011_CSS3中的属性_跳动的♥
CSS3中常用属性集合<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .com{ width: 200px; height: 200px; background-c...原创 2020-04-13 23:03:39 · 66 阅读 · 0 评论 -
010_CSS3中的属性选择器
属性选择器学习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*熟性选择器*/ /*通过属性type="text"来调整账号的样式*/ inp...原创 2020-04-13 21:45:48 · 96 阅读 · 0 评论 -
003_其他CSS中常用的选择器之后代选择器
后代选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style > /*后代选择器,只要是包含在div以内的标签都叫后代,都可以用*/ div span{ color: red; ...原创 2020-04-13 20:43:21 · 69 阅读 · 0 评论 -
009_CSS3中常用的选择器
CSS中伪元素、伪类选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*伪类选择器*/ /*指定第一个子标签p起作用(子标签1)*/ ....原创 2020-04-12 22:11:37 · 61 阅读 · 0 评论 -
008_CSS盒子模型属性
盒子的内边距和外边距<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*浏览器自带有8px的留白,所以可以用下列方式清楚*/ body{margin:...原创 2020-04-11 15:05:44 · 89 阅读 · 0 评论 -
007_CSS中定位和层
CSS中定位和层的概念<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div_4{ width: 200px; height: 200px...原创 2020-04-09 23:37:58 · 110 阅读 · 0 评论 -
006_CSS中浮动属性
浮动属性和ul标签实现导航栏<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul{ /*向右侧浮动*/ float:right; }...原创 2020-04-09 22:44:03 · 68 阅读 · 0 评论 -
005_CSS中常用属性
颜色透明度\块和行元素属性互相转换<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div_1{ width: 200px; height:...原创 2020-04-09 22:42:02 · 72 阅读 · 0 评论 -
004_CSS中常用属性
常用属性<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .top{ width: 100%; height: 100px; bord...原创 2020-04-07 22:09:57 · 146 阅读 · 0 评论 -
003_CSS中常用其他选择器
后代选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style > /*后代选择器,只要是包含在div以内的标签都叫后代,都可以用*/ div span{ color: red; ...原创 2020-04-07 21:05:19 · 95 阅读 · 0 评论 -
002_CSS中常用选择器
CSS四种选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*通用选择器,所有标签都会用这个,*I号代表该页面中的所有元素*/ *{ c...原创 2020-04-06 22:23:31 · 72 阅读 · 0 评论 -
001_css引入方式
css在html中的引入方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css引入方式</title> <!--注意css注释的方式--> <style> /*内嵌方式,写到当前网页中,解决方式1的缺点...原创 2020-04-06 21:45:18 · 88 阅读 · 0 评论