![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 88
CSS3.0样式单笔记。
SongYuLong的博客
学无止境
展开
-
CSS 变形与动画相关属性
变形与动画相关属性4种基本变形同时应用多种变形 4种基本变形 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title> 变形 </title> <style type="text/css"> div {原创 2022-03-12 18:01:13 · 419 阅读 · 0 评论 -
CSS 表格、列表相关属性及media query
CSS 表格、列表相关属性及media query表格相关属性控制表格布局列表相关属性控制鼠标的属性media-query 表格相关属性 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title>表格相关属性</title> <style type="t原创 2022-03-12 14:57:22 · 304 阅读 · 0 评论 -
CSS 盒模型与布局相关属性
盒模型与布局相关属性float属性float实现多栏布局clear属性clip属性overflow属性基础盒模型none值inline-table属性值list-item盒模型run-in 盒模型box-shadow对合模型添加阴影对表格及单元格添加阴影 float属性 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"/>原创 2022-03-11 18:30:51 · 377 阅读 · 0 评论 -
CSS大小、定位、轮廓相关属性
CSS大小、定位、轮廓相关属性大小相关属性box-sizingCSS3新增resize属性定位相关属性轮廓相关属性 大小相关属性 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;"/> <title>大小相关属性</title> </head> <b原创 2022-03-10 17:29:23 · 298 阅读 · 0 评论 -
CSS背景、边框 和补丁相关属性
CSS背景、边框 和补丁相关属性背景属性背景图片定义:CSS3新增背景相关属性background-clip:background-origin:background-size:CSS3新增多背景图片边框相关属性CSS3渐变边框CSS3圆角边框CSS3图片边框补丁先关属性内补丁外补丁 背景属性 <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html;"/> <原创 2022-03-10 15:43:27 · 321 阅读 · 0 评论 -
CSS样式字体与文本相关属性
CSS样式字体与文本相关属性字体相关属性基本属性添加阴影添加多阴影微调字体大小颜色表示文本相关属性文本基本属性文本自动换行长单词和URL地址换行CSS3新增服务器字体 字体相关属性 基本属性 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title> 字体相关属性设置 </tit原创 2022-03-04 17:36:03 · 312 阅读 · 0 评论 -
CSS3.0新增伪类选择器
CSS3.0新增伪类选择器结构性伪类选择器根节点子节点奇,偶个节点xn+y个节点UI元素状态伪类选择器浏览器专属的属性在脚本中修改样式 结构性伪类选择器 根节点 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title> :root伪类选择器 </title>原创 2022-03-03 11:57:58 · 690 阅读 · 0 评论 -
CSS选择器
CSS选择器元素选择器属性选择器ID选择器对具有id属性值的HTML元素起作用对id为idValue的E元素起作用class选择器包含选择器子选择器兄弟选择器(CSS3新增)组合选择器伪元素选择器:first-letter:first-line 元素选择器 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html" />原创 2022-03-02 15:16:45 · 505 阅读 · 0 评论 -
CSS选择器
CSS选择器CSS样式语法 CSS样式语法 Selector { property1: value1; property2: value2; } Selector(选择器):选择器决定该样式定义对哪些元素起作用。 {property1: value1;}(属性定义):属性定义部分决定这些样式起怎样的作用(字体、颜色、布局等)。 学习CSS主要分两个内容:选择器的定义方法、各种CSS属性定义。 ...原创 2022-02-26 18:18:41 · 116 阅读 · 0 评论 -
CSS基本用法
CSS基本用法链接外部样式文件导入外部样式文件使用内部样式定义使用内联样式 链接外部样式文件 outer.css /* 设置整个表格的背景色 */ table { background-color: darkgoldenrod; width: 400px; } /* 设置单元格的背景色,字体等 */ td { background-color: aliceblue; font-family: "楷体_GB2312"; font-size: 20pt; tex原创 2022-02-26 17:15:51 · 590 阅读 · 0 评论