今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
对于CSS里面的选择器有大概的了解,还有写一份CSS的代码,要加上Text和css还有style组合在一起,然后敲出选择器以后就可以敲出接下来的元素了,
<style type="text/css">
p{
font-weight:bold;
font-style:italic;
color:red;
}
</style>
<body>
<p>洗白白</p>
<p>你懂得</p>
<p>我不会就这样轻易</p>
</body>
元素是敲出来了,然后我了解行内样式,就是指修改一下局部的属性
<body>
<p>洗白白</p>
<p>你懂得</p>
<p style="color:white;background-color:red">我不会就这样轻易的狗带</p>
内嵌样式表就是针对于加入Style标签的进行统一的修改
p{
font-weight:bold;
font-style:italic;
color:black;
background:red;
}
</style>
<body>
<p>洗白白</p>
<p>你懂得</p>
<p style="color:white;background-color:red">我不会就这样轻易的狗带</p>
也可以按照自己喜欢样子进行修改
是这样的,然后在师兄的帮助下做了CSS的引入
p{
border: 1px solid red;
font-size: 40px
}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="a.css">
<title>Document</title>
</head>
接着的话就是这样的
尾巴的那个标签选择器意思就是说在CSS下面编写一个标签定义完属性以后,然后在下面的<body>下面的内容也定义上这样相同的标签,那么就会这样相同的标签就都会生效
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="a.css">
<title>Document</title>
<style type="text/css">
span{
color: red
}
</style>
</head>
<body>
<div>洗白白</div>
<p>你<span>懂得啊</span></p>
<div>我不懂得啊</div>
</body>
类选择器,就是用.加上字母来表达一串在下面相同的字母都用于上面的应用
/*
类选择器
*/
.one{
color:blue;
font-size: 20px;
}
</style>
</head>
</head>
<body>
<div class="one">哈哈哈哈</div>
<div class="one">我我我我</div>
对于,做了一个超链接,链接到百度的,不顾我发现没有点击的时候是黑色的,鼠标放在上面是绿色的,点击了是蓝色的,然后才是红色的,就是我红色的一直出不来吧。
<title>Document</title>
<style type="text/css">
a:link{
color:red;
}
a:visited{
color: black;
}
a:hover{
color:green;
}
a:active{
color:blue;
}
</style>
</head>
<body>
<a href="https://www.baidu.com">万恶之源</a>
</body>
</html>
表示好奇怪,还有就是完成了任务一的一部分了,我做了个黄色的图,
明天计划的事情:(一定要写非常细致的内容)
然后我的代码是这样的
<title>Document</title>
<style type="text/css">
div{
width: 50px;
height: 40px;
padding: 50px;
border: 1px soulid red;
background-color: yellow;
}
</style>
</head>
<body>
<div>哈哈哈哈哈哈</div>
我尝试了下,把里面的字去掉,不过发现去掉里面的字的话黄色的框框居然出不来?
遇到的问题:(遇到什么困难,怎么解决的)
遇到了一个问题,就是在CSS引进的时候一直出现了红点,也不知道是怎么回事,最后在师兄的帮助下,成功的解决了问题,原来是我忘记了加这个;作为结尾,后来的写了一串代码虚线出不来,也是在师兄的帮助下解决的,原来是我上下两个代码敲的不一致导致的无法识别==这个是解决了的。
后来的问题就是那个超链接的问题还没有解决,没有办法变成红色的
收获:(通过今天的学习,学到了什么知识)
温故而知新,博客里的东西都是干货,看了第一遍可能不会有感觉,如果看很多遍后就会有感觉了
评论