![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
jssd
正在学习中
展开
-
CSS入门
CSS入门为什么学习css(why)HTML虽然可以在一定程度上修饰页面, 但是页面的整体不够美观HTML进行网页的书写, 重复代码比较多, 后期的维护不太好什么是css(what)CSS是层叠样式表(Sascading style sheets)的英文字母缩写CSS引入方式行内样式<p style="color:red">这里是红色的</p>内嵌样...原创 2019-08-17 13:42:34 · 168 阅读 · 0 评论 -
CSS选择器
CSS的选择器常用选择器通用选择器代表该页面中的所有元素* { /*color: red;*/ /*width: 200px;*/ /*height: 200px;*/ margin: 0; padding: 0;}元素选择器选择一个标签元素div{ width: 200px; height: 200px; /*背景...原创 2019-08-17 13:43:16 · 79 阅读 · 0 评论 -
CSS属性
CSS属性CSS常用属性字体(font)字体的颜色color: gray;字体的大小font-size: 12px;字体的加粗 font-weight: bold;使用的字体 font-family: 宋体;字体的风格 font-style: italic;文本(text)下划线展示 text-decoration: underline;去除下划线 text-deco...原创 2019-08-17 13:44:06 · 89 阅读 · 0 评论 -
CSS定位与盒子模型
CSS定位绝对定位position: absolute;定位离开之后, 之前的位置会释放之前的位置.更改一个div的位置之后, 可能会影响其他div基于外层父级标签来说相对定位position: relative;定位离开之后, 不会释放之前的位置. 只是移动到了新的位置.相对于自身原来的位置.固定定位postition: fixed;相对与浏览器界面.多用于...原创 2019-08-17 13:44:57 · 131 阅读 · 0 评论 -
CSS3新增选择器
CSS3选择器子元素选择伪类获得子元素中的第一个元素.div_1>p:first-child{}获得子元素的最后一个元素.div_1>p:last-child{}获得具体的一个子元素/*获得第二个子元素*/.div_1>p:nth-child(2) {}获得奇/偶数子元素.div_1>p:nth-child(even){}.div_1>p:...原创 2019-08-17 13:45:30 · 102 阅读 · 0 评论 -
CSS3中的属性
CSS3中的属性圆角命令让边框变成圆角border-radius: 100px;border-radios: 10px 20px 30px 40px;旋转角度transform: rotate(45deg);/*retate是顺时针旋转角度*/元素从当前位置移动transform: translate(50px, 100px);/*把元素从左侧移动 50 像素,从顶端移动...原创 2019-08-17 13:46:06 · 152 阅读 · 0 评论