css
关注
分享
扫一扫
qq_40891002
这个作者很懒，什么都没留下…
展开
-
标签栏切换效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标签栏切换效果</title> <style> body{ margin: 0px; padding: 0px; } .tab-box{ width: 383px; border-top: 2px solid goldenrod; margin:.原创 2020-06-03 21:10:12 · 4767 阅读 · 1 评论 -
前端学院学习，复杂静态页面
前言 在做静态页面的时候会遇到诸多问题，自己现在也没能解决，比如如何能够准确判断单个盒子在页面的位置，设置多少像素才能和设计图百分之99吻合，做的过程还发现弹性盒子都没有理解好，于是又翻书，觉得最好用的还是绝对定位，和相对定位权当记录一下吧，菜鸟学习之路还好漫长还有一个问题，代码的不规范性问题，比如命名，最后命的我都头大 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <原创 2020-05-15 11:52:04 · 281 阅读 · 0 评论 -
百度前端学院第9到11天
写这个页面的时候自己竟然写了300多行css,什么代码的复用什么的都没用用到，用到最笨的方法，一个页面一个页面老老实实的写 ，觉得几种布局方式确实有效，3天我也确实没做完，用了大概5天左右，权当记录一下了，毫无参考价值，总之慢慢变好，慢慢学 习吧 HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>完美的网页</title> <原创 2020-05-13 17:18:46 · 188 阅读 · 0 评论 -
百度前端学院第七到八天
实现一个两栏布局，左侧占30%宽度，右侧占70%宽度 首先固定一个HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ife</title> <link rel="stylesheet" type="text/css" hr...原创 2020-05-06 09:47:57 · 133 阅读 · 0 评论 -
盒子模型
盒子模型的概念 把HTML页面的元素看做是一个矩形的盒子，也就是一个盛放内容的容器。每个矩形都有元素的内容，内边距，边框和外边距组成 css display属性 设置段落生成一个行内框： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoo...原创 2020-04-27 20:30:06 · 465 阅读 · 0 评论 -
结构化伪类选择器
：root选择器 :root选择器用于匹配文档根元素，在HTML中，根元素始终是html，也就是说使用":root 选择器"定义的样式，对所有的页面元素都生效，对不需要该样式的元素，可以单独设置样式以进行覆盖。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...原创 2020-04-25 20:57:57 · 886 阅读 · 0 评论 -
css 分组，继承
选择器的分组 你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 例如： h1,h2,h3,h4,h5,h6 { color: green; } 继承及子问题 根据css，子元素从父元素继承属性。但是它并不总是按此方式工作 body { font...翻译 2020-04-25 17:17:54 · 139 阅读 · 0 评论 -
运用简单选择器和属性选择器 笔记
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历</title> <style> h1{text-align: center;text-decoration: none;text-shadow:10px 10px ...原创 2020-04-25 11:28:10 · 209 阅读 · 1 评论 -
简单选择器
1. 标记选择器 标记名 {属性1:属性值1;属性2:属性值2；} eg: p{ font-size:12px;color:red; font-family:"微软雅黑"；} 2.类选择器 eg: .类名{属性1:属性值1；属性2:属性值2；} .red{color:red;} //只表述意思，默认在<style></style>里 <p ...原创 2020-04-24 22:09:29 · 153 阅读 · 0 评论 -
属性选择器
1. E[att*=value] 选择名称为E的标记，且该标记定义了att 属性，att 属性值包含了 value 子字符串 2.E[att^=value] 选择名称为E的标记，且该属性定义了att 属性，att属性值包含前缀为value的子字符串 3.E[att$=value] 选择名称为E的标记，且该属性定义了att 属性，att属性值包含了后缀为value的子字符串 <st...原创 2020-04-24 21:48:31 · 427 阅读 · 0 评论