CSS学习
文章平均质量分 57
CSS简单学习介绍
nsq_ai
这个作者很懒,什么都没留下…
展开
-
程序员之七夕表白 (二)心形
前言今天七夕,程序开始用自己独有的视野表达爱意技术栈:HTML + CSShtml代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="two.css">原创 2021-08-14 15:01:53 · 149 阅读 · 0 评论 -
CSS之 盒子模型的组成
前言总结盒子模型宽高边框内边距:内容和边框的距离外边距:盒子和盒子之间的距离原创 2021-06-25 10:52:54 · 137 阅读 · 0 评论 -
CSS之 边框属性
前言1. 页面展示2. 程序3. 总结border:1px solid red; 粗细 实线 颜色虚线:dashed以上设置是四个方向相同如果想单独设置某个方向只需要:border-left (right , top, bottom)注意:边框属性只有实线和虚线是没有兼容性问题的,其他方式的线都会有不同程度的兼容性问题,,如果程序员使用了,一定要报错...原创 2021-06-25 10:32:06 · 147 阅读 · 0 评论 -
CSS之行高属性
前言行高一行文字的结束到上一行文字结束的间距:line-height页面展示程序<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{width: 200px;height: 400px;backgr原创 2021-06-25 08:01:22 · 346 阅读 · 0 评论 -
CSS 之 高级权重对比
前言CSS 内嵌式和外链式符合选择器权重总结引入方式对比外链和内嵌权重相同,先写的会被后写的覆盖内嵌权重最大,如果想覆盖他,只能给样式中添加!important 来把权重提高复合选择器权重id 认为是100斤,class 认为是10斤, 标签认为是1斤综合起来大的权重高,如果权重一样,先写的会被后写的覆盖...原创 2021-06-24 16:24:51 · 128 阅读 · 0 评论 -
CSS 之文字控制常用属性
前言文字粗细 font-weight正常的 normal加粗 bold文字倾斜 font-style正常的 normal倾斜 italic文字修饰属性 text-decoration下划线 underline顶划线 overline贯穿线/删除线 line-through无 none强制字母换行 word-break;break-all首行缩进 text-indent...原创 2021-06-24 15:57:01 · 245 阅读 · 0 评论 -
CSS 之 标签指定式
前言标签指定式(指定标签式)div.类名标签和类名之间没有空格原创 2021-06-24 14:13:51 · 248 阅读 · 0 评论 -
CSS 之 后代、并列选择器
前言复合选择器(后代选择器)规律:一个空格表示后代关系总结后代选择器div span 用空格来连接,代表的意思是找到后代元素后代可以是儿子,儿子的儿子并集、并列选择器div ,span,h1, .span1,#span2用逗号连接选择器,代表这些元素同时被选中...原创 2021-06-24 14:09:45 · 1604 阅读 · 0 评论 -
CSS 之基础选择器
前言对文字修改的基础选择器参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码页面展示总结id > class > 标签原创 2021-06-24 11:17:36 · 83 阅读 · 0 评论 -
CSS 之 引入方式
前言CSS引入方式行内式书写在开始标签身上的style 属性例如<div style="color:red; background:pink; height:50px;"> 我是行内式</div>注意:行内式没有实现结构和样式分离内嵌式注意,内嵌式是结构和样式半分离 (电商首页用,优化加载速度)外链式...原创 2021-06-24 08:02:38 · 220 阅读 · 0 评论 -
CSS之 Google字体颜色样例
前言简单了解CSS的内容参考链接参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{font-size: 100px;}原创 2021-06-24 07:33:31 · 1121 阅读 · 0 评论 -
CSS 之id和class 选择器
前言简单了解CSS的内容今晚可完善参考链接参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码id<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #ha1{color: red;原创 2021-06-24 07:20:46 · 134 阅读 · 0 评论 -
CSS 之实体化和标签选择器
前言原创 2021-06-23 23:06:07 · 178 阅读 · 0 评论 -
CSS 之基础语法学习
前言简单了解CSS的内容参考链接参考视频:1.黑马程序员5天软件测试从入门到精通_软件测试基础教程1.CSS简介层叠样式表、样式表、jilianyangshibiaocss 基本语法代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>原创 2021-06-23 23:03:29 · 122 阅读 · 0 评论