发表于: 2018-08-17 19:41:42

1 679


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了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引进的时候一直出现了红点,也不知道是怎么回事,最后在师兄的帮助下,成功的解决了问题,原来是我忘记了加这个;作为结尾,后来的写了一串代码虚线出不来,也是在师兄的帮助下解决的,原来是我上下两个代码敲的不一致导致的无法识别==这个是解决了的。

后来的问题就是那个超链接的问题还没有解决,没有办法变成红色的
收获:(通过今天的学习,学到了什么知识)

温故而知新,博客里的东西都是干货,看了第一遍可能不会有感觉,如果看很多遍后就会有感觉了


返回列表 返回列表
评论

    分享到